antd form表单select设置初始值怎样做?
Admin 2021-10-18 群英技术资讯 1748 次浏览
antd form表单select设置初始值怎样操作?select设置初始值的操作还是比较简单的,大家直接看代码吧。另外,本文给还给大家分享了解决antd 表单获取不到默认值的问题,感兴趣的朋友就继续往下看吧。
<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设置初始值的操作就介绍到这,本文代码有一定的借鉴价值,感兴趣的朋友可以参考,希望能对大家有帮助,想要了解更多antd form表单的内容,大家可以关注其它的相关文章。
文本转载自脚本之家
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
JS运算符是JavaScript学习中很基础的内容,对此本文就给大家来分享几个JS运算符的使用技巧,对大家学习JS运算符使用有一定的帮助,那么接下来就跟随小编来了解看看吧。
Vue 事件处理是每个 Vue 项目的必要方面。它用于捕获用户输入,共享数据以及许多其他创造性方式。在本文中,我将介绍基础知识,并提供一些用于处理事件的代码示例。基本事件处理
中国省市区三级联动Jquery插件经常被使用到,不管是网站还是app,这个都是需要掌握的,我们知道中国省市区三级联动的数据可以存储在mysql数据库中,也可以直接存储在distpicker.data.js这样的js文件中,下面来开始学习如何使用Jquery省市区三级联动插件。 下
这篇文章主要为大家详细介绍了js实现购物网站放大镜功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本篇文章给大家带来了关于javascript的相关知识,其中主要介绍了关于基础语法的相关问题,JavaScript是互联网上最流行的脚本语言,下面就一起来看一下,希望对大家有帮助。
成为群英会员,开启智能安全云计算之旅
立即注册Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008