当前位置:首页 > 开发 > 行业应用 > 正文

React is changing a controlled input of type text to be uncontrolled

发表于: 2016-05-31   作者:qiaolevip   来源:转载   浏览:
摘要: React警告提示: warning.js:44Warning:AddAddressischangingacontrolledinputoftypetexttobeuncontrolled. Inputelementsshouldnotswitchfromcontrolledtouncontrolled(orviceversa). Decidebetweenusingacontrolledor

React警告提示:

 

warning.js:44 Warning: AddAddress is changing a controlled input of type text to be uncontrolled. 
Input elements should not switch from controlled to uncontrolled (or vice versa). 
Decide between using a controlled or uncontrolled input element for the lifetime of the component. More info: https://fb.me/react-controlled-components

 

 

 

Warning: <Component> is changing a uncontrolled input of type text to be controlled. Input 
elements should not switch from uncontrolled to controlled (or vice versa). Decide between 
using a controlled or uncontrolled input element for the lifetime of the component. More info: 
https://fb.me/react-controlled-components

 

 

问题分析:

React Input dom uncontrolled 导致报警告

 

问题解决:

Change

<input {...this.props.fields.firstName}/>
to

<input {...this.props.fields.firstName} value={this.props.fields.firstName.value || ''}/>



<input type="text" placeholder="请输入收货人姓名" value={form.name || '' } />

 

 

 

有疑问或技术交流,扫描公众号一起讨论学习。

更多React在线学习访问:http://each.sinaapp.com/react/index.html

 

React <Component> is changing a controlled input of type text to be uncontrolled_第1张图片

React is changing a controlled input of type text to be uncontrolled

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
表单中的input type=”file”在前端开发中经常会用到,但是很悲剧的是input type=”file”在各个浏
Delegation and Text Input In this chapter, we will introduce delegation, a recurring design p
文章源自:http://viralpatel.net/blogs/change-form-input-textbox-style-focus-jquery/ Changing
Input类型 --range 用于应该包含一定范围内数字值的输入域 显示为滚动条 可以同时设置min和max来指
作者:zccst 文件上传,这个问题始终一知半解,今天又近真相一步。 二、formData(只支持FF) 一、Fi
button与input[type="button"]的区别   特别感谢 @守护晴天 ,指出了博客中不细致不严谨的地方,
iOS programming Delegation and Text Input 1.1 Text Fields CGRect textFieldRect = CGRectMake(4
在制作表单页面的时候,如果页面有很多表单,我就不愿意单独定义一个input样式 然后每个input text
转载请标明出处: http://blog.csdn.net/developer_jiangqq/article/details/50550518 本文出自:【
思路: input file上传按钮的美化思路是,先把之前的按钮透明度opacity设置为0,然后,外层用div包裹
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号