TypeError: Cannot read property 'children' of undefined 八成是没判空惹的锅~

Jane_96

于 2018-09-26 10:17:04 发布

阅读量1.7w

点赞数 2

分类专栏： React系列文章标签： Ant design Table

本文链接：https://blog.youkuaiyun.com/Jane_96/article/details/82849511

版权

React系列专栏收录该内容

21 篇文章

订阅专栏

本文详细解析了AntDesign表格报错TypeError: Cannot read property 'children' of undefined的原因，主要由于columns或data配置不当，如columns为空或data包含undefined数据。通过检查后端返回数据并进行适当格式化和判空处理，可以有效避免此类错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Ant design 表格报错：TypeError: Cannot read property 'children' of undefined
这个报错表明表格中给的columns或者data有问题，比如columns为空，或者data里面有格式不对的数据（某一行数据为undefined）
我排除了一下代码报错的原因，就是因为有一行数据为undefined。。所以报错了。在对后端返回的数据进行格式化的时候，一定要注意判空处理，这样可以省略很多不必要的麻烦~

部分报错截图

TypeError: Cannot read property 'children' of undefined
(anonymous function)
C:/Users/WebstormProjects/bond/node_modules/rc-table/es/ExpandableTable.js:137
  134 |     children = _props2.children;
  135 | 
  136 | var needIndentSpaced = data.some(function (record) {
> 137 |   return record[childrenColumnName];
  138 | });
  139 | 
  140 | return children({
View compiled
ExpandableTable.render
C:/Users/WebstormProjects/bond/node_modules/rc-table/es/ExpandableTable.js:136
  133 |     childrenColumnName = _props2.childrenColumnName,
  134 |     children = _props2.children;
  135 | 
> 136 | var needIndentSpaced = data.some(function (record) {
  137 |   return record[childrenColumnName];
  138 | });
  139 |