React踩坑之antd输入框rules中的required=true问题
作者：star_zone
这篇文章主要介绍了React踩坑之antd输入框rules中的required=true问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
React antd输入框rules中的required=true
你可能跟我一样，输入框必输校验的设置：required=true，下面是一个查询列表中的过滤条件输入框
这样单独使用时，是没问题的。
但是，如下图，当你有个页面，或者同个页面里，还有一个新增或修改界面，一般同个界面的输入框跟引用界面的输入框，都是用创建的同一个form，在这个新增界面提交的时候，会发现你提交不了，提示你上面的name_ss也是必填的。
这种情况屏幕前的你肯定是有遇到过的。
但是，经过下面这样改后，聪明的你马上就会明白：
就是让新增/修改页的是否必输，取决于当前是否在新增修改界面，让列表过滤条件的姓名必输，在新增编辑状态时，为非必输。这样就能完美解决问题。
React+antd实现下拉框输入
const onChangeSelect = value => {// onSearch对应方法
if(value){// 在最后一次点击也就是失去焦点时是没有值得，所以需要判断
form.setFieldsValue({ // 设置表单值
phoneType:value
})
}
}
<Select onClick={type} placeholder="请选择" allowClear showSearch filterOption={false} onSearch={onChangeSelect}>
{
typeList.map((item, index) => {
return <Select.Option key={index} value={item} >
{item}
</Select.Option>
})
}
</Select>总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。