AntDesign Table Warning: validateDOMNesting(...): Text nodes cannot appear as a child of <tfoot>.

107 篇文章 4 订阅
78 篇文章 3 订阅
在使用AntDesignTable时遇到了警告,问题出在summary属性的配置上。错误地将文本节点或span元素作为tfoot的子元素,导致DOM嵌套错误。正确做法是遵循AntDesignTable的API规范,将summary内容包裹在合适的元素内。修正后的代码应当参照官方文档进行调整。
摘要由CSDN通过智能技术生成

使用 AntDesign Table 的时候发生了报错,如下:

Warning: validateDOMNesting(...): Text nodes cannot appear as a child of <tfoot>.
Warning: validateDOMNesting(...): <span> nodes cannot appear as a child of <tfoot>.

错误原因:
我写的渲染方法导致最终的DOM嵌套有问题。

错误点: Table组件的summary属性配置出错。
在这里插入图片描述
我的错误写法:

summary={(currentData) => {
  return "总结内容";
  // return (<span>总结内容</span>);
}}

正确写法如下:
在这里插入图片描述
见: https://ant.design/components/table-cn/#header

如果你不是因为 AntDesign Table 组件的 summary 属性而报错。
只能根据自己的具体情况分析解决。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值