gpt4 book ai didi

javascript - 警告 : ant Checkbox: value is not a valid prop, 你的意思是检查了吗?

转载 作者:行者123 更新时间:2023-12-05 01:30:55 25 4
gpt4 key购买 nike

ant design v4 中使用 Form 时,我很难在 Form.Item 中使用 CheckBox .

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

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

Warning: [ant:Checkbox] value is not a valid prop, do you mean checked?

如何在 ant design v4 中的 Form.Item 中使用 CheckBox

最佳答案

使用valuePropName对于复选框表单项:

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

valuePropName 的默认值为 value,这对输入字段是正确的,但对复选框或开关不正确。

关于javascript - 警告 : ant Checkbox: value is not a valid prop, 你的意思是检查了吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66631801/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com