reactjs - 警告 : [antd: Checkbox] `value` is not validate prop, 你的意思是 `checked` 吗？

Question

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

以下代码:

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

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