javascript - react使用ant-design的table出现这个报错怎么解决呢？

问题描述：

使用table组件的时候报这个错误Warning: Each child in a list should have a unique "key" prop.Check the render method of Cell2.应该怎么解决，这个错误是与columns={columns}相关还是与dataSource={data}相关，我在table上面绑定了rowKey='id'还是不能解决。

还有就是他说的是cell2是不是与columns里面的第二项有关，以下是columns的第二项

{
      title: '题型类型', //题型类型
      dataIndex: record=>record._genreName?record._genreName:record.tqTypeName,
      key: data.some((item) => '_genreName' in item) ? '_genreName' : 'tqTypeName',
        render: (text, record) => {
        let options = optionData;
            const currentIndex = options.findIndex((option) => option.genreName === text||option.tqCType === text);
        if (currentIndex !== -1) {
            options = options.slice(currentIndex);
        }
        return (
        <Select
            key={record.id}
            value={record._genreName?record._genreName:record.tqTypeName}
            onChange={(value) => handleInputChange('_genreName', value, record)}
        >
            {options.map((option,index) => (
            <Option key={index} value={option.genreName||option.tqCType}>
                {option.genreName||option.tqCType}
            </Option>
            ))}
        </Select>
        );
      },
      width: '15%'
    },

第 1 个答案：

<Option key={option.genreName || option.tqCType} value={option.genreName || option.tqCType}>
    {option.genreName || option.tqCType}
</Option>

key注意要是唯一的

比如redis客户端redisson中，有RSemephore工具。有什么分布式调度的业务场景会用到这种工具？希望讲的细一点原理很容易搞懂，但是目前项目里没有业务用到，希望在面试的时候包装 ...