警告：ant Checkbox：值不是有效的道具，您的意思是检查吗？

Question

在使用ant design v4Form时，我在使用inside时遇到困难。CheckBoxForm.Item

const [form] = useForm();

useEffect(() => {
    form.setFieldsValue({
        title: '',
        billable: false,
    })
}, []);

const onFieldsChange = (changedFields, allFields) => {
    console.log('onFieldsChange.changedFields => ', changedFields);
    console.log('onFieldsChange.allFields=> ', allFields);
}

return (
    <Form form={form} onFieldsChange={onFieldsChange}>
        <Form.Item label="title" name="title">
            <Input />
        </Form.Item>
        <Form.Item label="Billable" name="billable">
            <CheckBox />
        </Form.Item>
    </Form>
);

上面的代码给我以下错误：

警告： [ant:Checkbox]value不是有效的道具，您的意思是checked？

如何在ant design v4CheckBox中使用？Form.Item

Answer 1

对复选框表单项使用valuePropName ：

<Form.Item label="Billable" name="billable" valuePropName="checked">
  <Checkbox />
</Form.Item>

的默认值对于输入字段valuePropName是value正确的，但对于复选框或开关则不正确。