请选择 进入手机版 | 继续访问电脑版
查看: 130|回复: 1

[经验分享] 【经验分享】解决React中A component is …input of type text to be controlled错误

[复制链接]

3

主题

10

帖子

25

积分

新手上路

Rank: 1

积分
25
发表于 2018-12-21 18:51:17 | 显示全部楼层 |阅读模式
今天在React中进行一个程序测试的时候,出现了下面的这个错误信息:
大概错误的信息提示如下:
[Shell] 纯文本查看 复制代码
Warning: A component is changing an uncontrolled input of type text to be controlled.



最终定位到代码如下:
[JavaScript] 纯文本查看 复制代码
 <input type="text" name={"mac" + index}
                                                           value={this.state.username}
                                                           disabled
                                                           className="form-control"/>





最终的解决方案如下:
第一种方案:直接在state中完成变量的初始化。
[JavaScript] 纯文本查看 复制代码
this.state = {
            username : ''
        }



第二种解决方案:
[JavaScript] 纯文本查看 复制代码
 <input type="text" name={"mac" + index}
value={this.state.username || ''}
disabled
className="form-control"/>





问题原因分析:其实React中的value在我们初始化的时候就是必须初始化一个变量数据,而不能是一个空的数据,例如undefined,  这样的话就是会出现上面的这个问题,以上就是解决React中报错的两种方法,大家可以根据自己的情况进行测试。




上一篇:【后台进阶】某课django后台进阶精品视频教程2018最新版
下一篇:【编程艺术】全网最新的PHP从前端到后台打造企业网站视频教程(项目实战+企业面试)
发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案; 如果你在论坛求助问题,并且已经从坛友或者管理的回复中解决了问题,请把帖子分类或者标题加上【已解决】。
回复过本主题
的还回复过:

0

主题

18

帖子

40

积分

新手上路

Rank: 1

积分
40
发表于 2019-2-23 13:06:03 | 显示全部楼层
学习了
发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案; 如果你在论坛求助问题,并且已经从坛友或者管理的回复中解决了问题,请把帖子分类或者标题加上【已解决】。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

微信扫一扫

我爱科技论坛(www.52tech.tech)旨在打造全网最大的免费资源共享平台。目前论坛包括考研资料、编程学习、黑科技/科学上网、开源软件等资源模块,竭力服务于正在学习道路上的每一个人。我爱科技论坛,爱科技,更爱分享。致力于营造一个资源丰富、内容完善的大型网络学习交流资源共享平台!

QQ|Archiver|手机版|小黑屋|我爱科技论坛 快乐学习交流

(请勿发布违反中华人民共和国法律法规的言论,会员观点不代表我爱科技论坛的官方立场)

Powered by Discuz! X3.4© 2001-2013 Technology Inc.

返回顶部 返回列表