`defaultValue` will not work on controlled Field. You should use `initialValues` of Form instead

今天也要爱小姜

于 2024-03-15 09:05:24 发布

阅读量1k

点赞数 6

文章标签：前端 antd 控制台报错

本文链接：https://blog.youkuaiyun.com/m0_63021947/article/details/136727655

版权

本文讲述了在使用AntDesign的Form.Item组件时，遇到有关defaultValue在受控组件中无效的警告。解决办法是将defaultValue移除，改为设置initialValues。给出了错误示例和修正后的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

当控制台出现如下报错时，多半是因为antd版本的问题引起的：

Warning: [antd: Form.Item] `defaultValue` will not work on controlled Field. You should use `initial

解决方法：

将写在Input或者Select等组件中的defaultValue删除，并将该值写入Form.Item的initialValues

代码示例

// 错误示例
<Form.Item
	className="materialFlow-formItem"
    label="类型"
	name="codeTyper"
	labelCol={{
		span: 8,
	}}
	wrapperCol={{ span: 20 }}
>
	<Input 
        className="formSelect" 
        disabled 
        defaultValue={typeName} //该处需要删除
    /> 
</Form.Item>

// 修正示例
<Form.Item
	className="materialFlow-formItem"
    label="类型"
	name="codeTyper"
	labelCol={{
		span: 8,
	}}
	wrapperCol={{ span: 20 }}
    initialValues={typeName} //该处需要新增
>
	<Input 
        className="formSelect" 
        disabled 
    />
</Form.Item>