ant.design 3x table 设置了rowKey 仍然报Each child in a list should have a unique "key" prop.错误

原创于 2020-04-22 11:46:29 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

ant.design 专栏收录该内容

8 篇文章

订阅专栏

本文记录了在使用Ant Design 3x的Table组件时遇到的一个特殊错误：即使设置了rowKey属性，仍出现Each child in a list should have a unique key prop错误。文章详细解释了这一问题的根源在于columns配置的第一项未设置dataIndex，以及如何正确配置以避免此错误。

记录用ant.design 3x中遇到的一个奇葩错误。在使用ant 3.x table 进行开发时，已经设置了rowkey="id",但仍然报Each child in a list should have a unique "key" prop. 错误。尝试许久，后发现是columns 配置问题，配置如下，columns 第一个元素必须设置dataIndex，否则即使设置了rowkey也会报错。其他元素是否设置dataIndex没有问题。不过第一个元素如果同时设置render,那么设置dataIndex会使render失效。

const columns = [
      {
        title: '客户类型',
        render: record => {
          return oUserType[record.userType]
        },
      },
      {
        title: '客户名称',
        dataIndex: 'userName',
      },
]