Ant Design Form.Item 中 Checkbox 未选中问题解决方案

如果设置了 'valuePropName='checked''，那么 'Form.Item' 中的 'Checkbox' 组件会将选中状态的值存储在 'checked' 属性中。

要解决未选中的情况，可以使用 'initialValue' 属性来设置初始值。如果 'initialValue' 为 'false'，则初始状态下 'Checkbox' 不会被选中。如果 'initialValue' 为 'true'，则初始状态下 'Checkbox' 会被选中。

以下是一个示例代码：

import { Form, Checkbox } from 'antd';

const DemoForm = () => {
  return (
    <Form>
      <Form.Item name="checkbox" valuePropName="checked" initialValue={false}>
        <Checkbox>Checkbox</Checkbox>
      </Form.Item>
    </Form>
  );
};

在上面的代码中，初始状态下 'Checkbox' 不会被选中。如果将 'initialValue' 设置为 'true'，则初始状态下 'Checkbox' 会被选中。