antd组件在TS下遇到这个奇怪的问题怎么解决？

Question

在项目中使用antd，TS环境

这样使用,没问题

一旦给SELECT加上props，TS就会报错，官方的例子都跑不起来

换了3的几个子版本，都没有解决，不知道是不是TS配置的问题，之前开发一直没有问题，其他组件也没有问题，最近引入antd，就出现这个问题了

Answer 1

Select 组件 ts 定义问题。解决方式也很简单，既然加了 props ，索性全部用 props 即可。

<Select style={{ witdh: 10 } options={[ ... ]} />

Answer 2

jsx渲染函数 React.createElement(com, props?, ...children)
React18 把组件的props的children定义移除了：
不定义其他属性的时候直接是这么调用的React.createElement(com, {}, ...children) 没问题。
如果有其他的props，就合入props， 而props没有children，就类型检查报错了。

解决办法： 使用options代替children， 或者react降低版本到17， 或者升级antd5？