Antd Select组件结合使用出现must set key for children问题

一、以下情况可能导致错误发生

出现这个问题的首要条件是因为Select的mode 设置成multiple or tags

1. Select的defaultValue使用了空字符串

例如:

const emptyValue = ''
const emptyValueArr = ['1', '']

    {
        [1, 2].map((item, index) => (
            {item}
        ))
    }

2. 结合Form的initialValue包含空字符串

    {getFieldDecorator('ownersAsList', {
        rules: [{
            required: true,
            message: '负责人不能为空'
        }],
        initialValue: ownersAsList || ['']
    })(
        
            {
                ownersList.map((item, index) => (
                    {item}
                ))
            }
        
    )}

二、解决办法

1. 如果你不需要默认值, 直接设置为空数组: defaultValue = []

注意: 空数组 != 含空字符串数组

    {
        [1, 2].map((item, index) => (
            {item}
        ))
    }

2. 如果希望有默认选中值: initialValue: ownersAsList || ['默认值']

    {getFieldDecorator('ownersAsList', {
        rules: [{
            required: true,
            message: '负责人不能为空'
        }],
        initialValue: ownersAsList || ['默认值']
    })(
        
            {
                ownersList.map((item, index) => (
                    {item}
                ))
            }
        
    )}