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

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