antdesign Select组件支持自定义输入（mode="tags"）报错？

Question

在用antdesign的select组件的时候，要用到支持输入功能，按照文档加了mode="tags"属性，option中也加入了key值，但是仍旧报错，下面是我的代码：

    

<FormItem label="请输入版本号">
          {
            getFieldDecorator('appversion', {initialValue: ''})(
              <Select mode="tags" style={{ width: '140px' }}>
                { this.state.appverCodeList }
              </Select>
            )
          }
        </FormItem>
        
        const appverCodeList = res.map((item) => {
            return(
                <Option value={item.key.toString()} key={item.key.toString(){item.value } </Option>
              )
            })
        this.setState({ appverCodeList })
        
        

报错信息： Uncaught Error: must set key for <rc-animate> children

Answer 1

{initialValue: ''}设置的问题，mode="tags"初始值设置为空的话，不要为空字符串，要为空数组[]

Answer 2

也遇到这个问题，发现是初始值错误，初始值应该为一个数组。

Answer 3

这是最诡异的BUG了，期待大神解读

Answer 4

<Option value={item.key.toString()} key={item.key.toString(){item.value } </Option>
你不是这里写错了,应该是这样的吧：
<Option value={item.key.toString()} key={item.key.toString()}>{item.value } </Option>

Answer 5

试着修改一下 initialValue