首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Antd v4.5.1为Select设置初始值

Antd v4.5.1为Select设置初始值
EN

Stack Overflow用户
提问于 2020-07-31 13:12:52
回答 1查看 158关注 0票数 0

在我的模型中,我有处理状态更改的代码。

代码语言:javascript
复制
<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对象,如下所示:

代码语言:javascript
复制
{
    0: Deleted
    1: Active
}

我正在使用AntdV4.5.1,它建议直接在表单组件中处理initialValues。我基本上从后端检索数据,并将数据提供给表单组件。但是,当我试图为下拉列表设置所选选项时,它将显示为"1“而不是”活动“。我已经找到了提供的解决方案,它将状态值保存为带有标签值的对象,但我发现更改后端结构并不是最理想的方法。有人能帮我吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-07-31 13:29:40

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/63192544

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档