Ant Design 有条件地要求 Form.Item

Question

如何在 Ant 设计中有条件地要求 Form.Item？

rules={[
   {
       required: {this.state.isRequired},
       message: 'This field is required',
   },
]}

不适用于变量作为值

我可以用

<Form.Item>
 required={this.state.isRequired}
</Form.Item>

让星标出现，表明它是必需的，但实际上并不能阻止用户提交没有值

Answer 1

required: {this.state.isRequired} 上存在语法错误，从您的状态值中删除花括号应该有效

rules={[
   {
       required: this.state.isRequired,
       message: 'This field is required',
   },
]}

Answer 2

从 required: {this.state.isRequired}

中删除大括号

您也可以使用三元运算符来应用条件要求。

示例：

let condition = true

rules={[
   {
       condition ? this.state.isRequired: null,
       message: 'This field is required',
   },
]}

Ant Design Conditionally Require Form.Item