更新:最新的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

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐