Error: must set key for <rc-animate> children

在使用antd-design中的select的组件时候,报了这样的一个错误:

Error: must set key for <rc-animate> children

<FormItem {...formItemLayout} label={item.label} key={index}>
  {
    getFieldDecorator(item.paramName,{
      initialValue: [],})(
      <Select
        size={config.size}
        showSearch
        mode="multiple"

        optionFilterProp="children"
      >
        {
          item.options.map(option => {
            return (
              <Select.Option key={option.value}
                             value={Util.numToString(option.value)}
              >
                {option.text}
              </Select.Option>

            )
          })
        }
      </Select>
    )
  }
</FormItem>

原因是我在select中设置了mode = 'multiple',并把initialValue的值设为了[''],便报了这样的错误了.

解决文案:只需要把initialValue的值默认设为空,或者设为不是空字符串的文字

相关文章

react 中的高阶组件主要是对于 hooks 之前的类组件来说的,如...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom...
react 本身提供了克隆组件的方法,但是平时开发中可能很少使...
mobx 是一个简单可扩展的状态管理库,中文官网链接。小编在接...
我们在平常的开发中不可避免的会有很多列表渲染逻辑,在 pc ...