控制ant design中form的必填项判断

简介: 控制ant design中form的必填项判断

前言

我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷


导语

歌谣 歌谣 我这边需要做一个关于form表单验证的一个要求 当他在A状态的时候 我们需要设置验证 当在B状态的时候 我们不需要设置验证


代码实现

{/* 控制验证的规则 */} <Form.Item label="状态"> {getFieldDecorator( 'signInResson', form.getFieldsValue().signInResult === A || form.getFieldsValue().signInResult === B ? { initialValue: '', rules: [{ required: true, message: '请填写状态' }], } : { rules: [{ message: '请填写状态' }] } )( <Select style={{ width: '100%' }}> {ResultYyList.map((item) => ( <Select.Option key={item.key} value={item.key}> {item.value} </Select.Option> ))} </Select> )} </Form.Item>




总结

本文需要有一定React和ant design基础的朋友才能看懂 通过外部的状态判断是否为必填项


从而需求实现了 同事直呼歌谣太棒了







相关文章
|
1天前
form获取表单项的值
form获取表单项的值
|
开发工具 git
【Ant Design Pro】使用ant design pro做为你的开发模板(五)去除无效代码,生成一个清晰的开发模板
【Ant Design Pro】使用ant design pro做为你的开发模板(五)去除无效代码,生成一个清晰的开发模板
568 0
【Ant Design Pro】使用ant design pro做为你的开发模板(五)去除无效代码,生成一个清晰的开发模板
|
1天前
uniapp uni-combox 下拉提示无匹配项(完美解决--附加源码解决方案及思路)
uniapp uni-combox 下拉提示无匹配项(完美解决--附加源码解决方案及思路)
54 0
|
9月前
|
前端开发 API
ant design控制tag选中的写法
ant design控制tag选中的写法
59 0
|
1天前
ant-design 设置Form.Item中的input框的值的方法
ant-design 设置Form.Item中的input框的值的方法
78 0
|
6月前
|
前端开发
Layui表单必填项自动打红色*号
Layui表单必填项自动打红色*号
137 0
|
6月前
|
JavaScript
Ant Design Vue select下拉列表动态更新选中值
Ant Design Vue select下拉列表动态更新选中值
105 0
|
9月前
Ant Design 中表单内容如何设置,更改,回显功能写法
Ant Design 中表单内容如何设置,更改,回显功能写法
91 0
|
9月前
hook+ant design实现列表的增加和修改(弹出框)
hook+ant design实现列表的增加和修改(弹出框)
49 0
|
9月前
|
前端开发
ant design table中增加按钮的两种方式
ant design table中增加按钮的两种方式
103 0