在我的模型中,我有处理状态更改的代码。
<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
}我正在使用AntdV4.5.1,它建议直接在表单组件中处理initialValues。我基本上从后端检索数据,并将数据提供给表单组件。但是,当我试图为下拉列表设置所选选项时,它将显示为"1“而不是”活动“。我已经找到了提供的解决方案,它将状态值保存为带有标签值的对象,但我发现更改后端结构并不是最理想的方法。有人能帮我吗?
发布于 2020-07-31 13:29:40
尝试在optionLabelProp="label"组件上使用Select,并在Select.Option上放置label={statusOptions[statusId]}。哦,让Select.Option自动关闭。
https://stackoverflow.com/questions/63192544
复制相似问题