警告：[antd: Checkbox] `value` 不是 validate prop，您的意思是 `checked` 吗？

Question

我正在使用antdReactjs 进行设计。发现此警告但无法追踪问题。

以下代码：

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

Answer 1

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

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