react受控组件
#### react受控组件 > 大的方面:react组件分为函数式组件和类组件 > > 表单元素而言:分为受控组件和非受控组件 非受控组件: 只需要在dom元素上面通过ref进行绑定取值即可。 受控组件: 受到数据的控制,使得react成为唯一的数据源.
input value={this.state.value} onChange={()=>{this.setState({value:e.target.value})}} <body> <div id="app"> </div> <script type="text/babel"> class App extends React.Component{ constructor(){ super() this.state={ value:"123" } } updata=(e)=>{ this.setState({ value:e.target.value }) } render(){ return( <div> <p>{this.state.value}</p> <input value={this.state.value} onChange={this.updata}/> </div> ) } } ReactDOM.render(<App/>,document.getElementById("app")) </script> </body>
请用今天的努力,让明天没有遗憾。