在antdForm表单中select设置初始值操作_antselect如何设置默认值 - CSDN文库

175 浏览量更新于2023-03-03 评论收藏 33KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

在在antd Form表单中表单中select设置初始值操作设置初始值操作

我就废话不多说了，大家还是直接看代码吧~

<Form.Item label="作用对象">

{getFieldDecorator('targetId', { initialValue: this.state.targetId }, {

rules: [{

required: false,

message: '作用对象'

}] })(

<Select placeholder="请选择作用对象">

{targetList.map(entity => <Option key={entity.id} value={entity.id}>{entity.name}</Option>)}

</Select>

)}

</Form.Item>

在getFieldDecorator(‘targetId’,时添加初始值而不是在select标签中添加初始值

补充知识：补充知识：解决解决antd 表单获取不到默认值的问题表单获取不到默认值的问题

使用 antd 的 4.x 版本，给表单设置初始值，但是获取不到值

如果需要设置默认值并展示到页面上，需要设置两个地方：

设置 defaultValue，这个是用来展示在页面上的，例如：

<Form.Item label="Sex" name="sex" valuePropName="checked">

//这里的defaultValue

<Radio.Group defaultValue={1}>

<Radio value={1}>男</Radio>

<Radio value={0}>女</Radio>

</Radio.Group>

</Form.Item>

设置 initialValues，这个是用来获取表单值的，例如：

<Form

name="basic"

onFinish={this.onFinish}

onFinishFailed={this.onFinishFailed}

initialValues={{

sex: 1

}}

>

<Form.Item label="Sex" name="sex" valuePropName="checked">

<Radio.Group defaultValue={1}>

<Radio value={1}>男</Radio>

<Radio value={0}>女</Radio>

</Radio.Group>

</Form.Item>

<Form.Item {...tailLayout}>

<Button type="primary" htmlType="submit">

register

</Button>

</Form.Item>

</Form>

以上这篇在antd Form表单中select设置初始值操作就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家

多多支持软件开发网。

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

评论0

weixin_38701640

粉丝: 2
资源: 902

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈