更新:最新的Antd Design(4.21.3 已经更新了相关d.ts文件,npm install antd更新一下也能解决这个问题。新版有一些组件用法升级建议顺手改一下,比如 Menu组件


原因是react现在要求children必须在props里声明类型,但是目前的antdesign还没有为此进行更新(什么时候更了告诉我一声)

以Modal组件为例,当我们在Modal里包东西的时候就会如下报错:

不能将类型“{ children: Element; getContainer: () => HTMLElement; bodyStyle: { padding: number; minWidth: string; }; visible: boolean; footer: null; closable: false; width: number; centered: true; onCancel: () => { …; }; }”分配给类型“IntrinsicAttributes & ModalProps”。
类型“IntrinsicAttributes & ModalProps”上不存在属性“children”。

在这里插入图片描述

为了让程序正常跑起来,临时的解决方法是鼠标放在Modal上按住crtl同时点击鼠标左键,进入ModalProps的类型定义文件node_modules\antd\lib\modal\Modal.d.ts,自己加上children?:ReactNode就可以了,保存一下就不
报错了。其他组件也是一样的,认真看报文自行举一反三。

在这里插入图片描述

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐