antd怎么给form里面的select一个初始值

Question

antd怎么给form里面的select一个初始值
格式定了[{key:0,label:'男'},{key:1,label:'女'}]
问题来了inintalValue该怎么写呢？

Answer 1

defaultValue:指定默认选中的条目

let arr = [{key:0,label:'男'},{key:1,label:'女'}]
const wrapper = arr.map(item => <Option key={item.key}>{item.label}</Option>)

<Select defaultValue={arr[0]}>{ wrapper }</Select>

Answer 2

不知道为什么，用字符串作为Option的value就可以实现

Answer 3

1.antd中 如果使用了form.item对输入元素进行了接管，在form.item配置属性initialValue：

<Form.Item
 label={formatMessage({ id: 'resume.fields.age' })}
  name="age"
 initialValue={16}
  rules={[
    {
      required: true,
    },
  ]}
>
  <InputNumber
 placeholder={formatMessage({ id: 'resume.fields.age' })}
    allowClear
 min={16}
    max={150}
  />
</Form.Item>

2.如果只是原组件没被封装也没被form接管，就给原组件添加属性defaultValue
3.如果自己封装了一层或多层的话，目前我觉得只能自己实现选择反显等功能。