#私藏项目实操分享# 【React工作记录十一】控制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基础的朋友才能看懂 通过外部的状态判断是否为必填项

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

上一篇:#私藏项目实操分享# 【React工作记录十五】关于ant design中input限制加空格的问题


下一篇:#私藏项目实操分享# 【练习案例React十】封装一个锚点tab栏