警告：[antd: Checkbox] `value` 不是 validate prop，你是说 `checked` 吗？

Question

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

以下代码：

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

Answer 1

您需要像下面那样在 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>

Answer 2

将 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>