警告：[antd: Checkbox] `value` 不是 validate 属性，你的意思是 `checked` 吗？答案

【问题标题】：Warning: [antd: Checkbox] `value` is not validate prop, do you mean `checked`?警告：[antd: Checkbox] `value` 不是 validate 属性，你的意思是 `checked` 吗？
【发布时间】：2021-02-08 09:43:44
【问题描述】：

我在 Reactjs 中使用antd 设计。发现此警告但无法追踪问题。

以下代码：

<Form.Item>
  {getFieldDecorator('order_receiver', {
      defaultChecked: true,
      rules: [
          {
              required: false,
              message:
                  'Offer!',
          },
      ],
  })(
      <Checkbox className="ps-checkbox">Order Receiver</Checkbox>,
  )}
</Form.Item>

【问题讨论】：

标签： reactjs antd ant-design-pro

【解决方案1】：

将valuePropName="checked" 改为getFieldDecorator。

<Form.Item name="checkbox">
  {getFieldDecorator('order_receiver', {
      defaultChecked: true,
      rules: [
          {
              required: false,
              message:
                  'Offer!',
          },
      ],
      valuePropName:"checked"
  })(
      <Checkbox className="ps-checkbox">Order Receiver</Checkbox>,
  )}
</Form.Item>

【讨论】：

【解决方案2】：

您需要在 FormItem 上添加 valuePropName 属性，如下所示以删除此警告。

<Form.Item name="checkbox" valuePropName="checked">
  {getFieldDecorator('order_receiver', {
      defaultChecked: true,
      rules: [
          {
              required: false,
              message:
                  'Offer!',
          },
      ],
  })(
      <Checkbox className="ps-checkbox">Order Receiver</Checkbox>,
  )}
</Form.Item>

【讨论】：