大佬教程收集整理的这篇文章主要介绍了警告:蚂蚁复选框:值不是有效的道具,您的意思是选中了吗?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
在 ant design v4 中使用 Form
时,我无法在 checkBox
中使用 Form.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 v4 中的 checkBox
中使用 Form.Item
?
使用 valuePropName 作为复选框表单项:
<Label>
<Label.FormattedText>
<FormattedString>
<Span Text="{x:Static resources:Appresources.Practice_number}" />
<Span Text=" :" />
<Span Text="{Binding PracticeNo}" />
</FormattedString>
</Label.FormattedText>
</Label>
<Form.Item label="Billable" name="billable" valuePropName="checked">
<checkbox />
</Form.Item>
的默认值是 valuePropName
,这对于输入字段是正确的,但对于复选框或开关不正确。
以上是大佬教程为你收集整理的警告:蚂蚁复选框:值不是有效的道具,您的意思是选中了吗?全部内容,希望文章能够帮你解决警告:蚂蚁复选框:值不是有效的道具,您的意思是选中了吗?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。