程序问答   发布时间:2022-06-01  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了警告:蚂蚁复选框:值不是有效的道具,您的意思是选中了吗?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决警告:蚂蚁复选框:值不是有效的道具,您的意思是选中了吗??

开发过程中遇到警告:蚂蚁复选框:值不是有效的道具,您的意思是选中了吗?的问题如何解决?下面主要结合日常开发的经验,给出你关于警告:蚂蚁复选框:值不是有效的道具,您的意思是选中了吗?的解决方法建议,希望对你解决警告:蚂蚁复选框:值不是有效的道具,您的意思是选中了吗?有所启发或帮助;

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,请注明来意。
标签: