Ant Design 有条件地需要 Form.Item答案

【问题标题】：Ant Design Conditionally Require Form.ItemAnt Design 有条件地需要 Form.Item
【发布时间】：2021-05-23 09:44:18
【问题描述】：

Ant 设计中如何有条件地需要一个 Form.Item？

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

不适用于变量作为值

我可以使用

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

要显示星号，表明它是必需的，但实际上并不阻止用户在没有值的情况下提交

【问题讨论】：

【解决方案1】：

required: {this.state.isRequired} 存在语法错误，从您的状态值中删除大括号应该可以正常工作

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

【讨论】：

【解决方案2】：

从required: {this.state.isRequired}中删除花括号

您还可以使用三元运算符来应用所需的条件。

示例：

let condition = true

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

【讨论】：