在FormItem中使用select的initialValue设置初始值

最新推荐文章于 2024-07-11 09:26:21 发布

superYe7

最新推荐文章于 2024-07-11 09:26:21 发布

阅读量9.1k

点赞数 2

分类专栏： antd 文章标签： antd

本文链接：https://blog.csdn.net/superYe7/article/details/89555265

版权

antd 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<FormItem label="用户" {...formLayout}>
{
    getFieldDecorator('useredit', {
       initialValue: editUserId
    })(
       <Select
           mode="multiple"
           onChange={this.handleChange}
       >
          {user.map(data => <Option key={data.id} value={data.id}>{data.name}</Option>)}
       </Select>
     )
}
</FormItem>

注意：initialValue设置的值应该对应Option中value属性的值，如果设置的值在所有option中找不到，select才会用设置的值显示在内容框中，自然获取value也是我们设置的值。所以我们在设置initialValue的时候，应该填写的是下拉列表中包含option的value的值。