Antd v4.5.1 设置Select的初始值

Question

我有这段代码用于处理我的模型中的状态变化。

<Form.Item 
     name="status"
     label="Status"
>
    <Select>
       {
           statusOptions
           ?
           Object.keys(statusOptions).map(statusId => {
               return <Select.Option key={ statusId } value={ statusId }>{ statusKey2Value(statusId) }</Select.Option>;
           })
           :
           null
       }
    </Select>
</Form.Item>

statusOptions 是一个 JSON 对象，如下：

{
    0: Deleted
    1: Active
}

我正在使用 Antd v4.5.1，它建议直接在 Form 组件中处理 initialValues。我基本上从后端检索数据并将数据提供给 Form 组件。但是，当我尝试为下拉菜单设置选定选项时，它显示为“1”而不是“活动”。我找到了 Antd Select API 提供的解决方案，它将状态值作为一个内部带有标签值的对象保存，但我并没有真正发现更改后端结构的最佳选择。任何人都可以帮助我吗？

Answer 1

尝试在Select 组件上使用optionLabelProp="label"，并在Select.Option 上放置label={statusOptions[statusId]}。哦，让Select.Option自动关闭。