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

要解决未选中的情况,可以使用 initialValue 属性来设置初始值。如果 initialValuefalse,则初始状态下 Checkbox 不会被选中。如果 initialValuetrue,则初始状态下 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 会被选中

Formitem 设置valuePropName=checkedcheckBox未选中怎么解决

原文地址: http://www.cveoy.top/t/topic/iJjZ 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录