React： Adding Two way Binding

Adding two way binding

建立一个input 加入onchange方法，并设定除时value为当前name；

<input type="text" onChange={props.changed} value={props.name}></input>

app中加入onchange函数

nameChangedHandler = (event)=>{ this.setState({persons:[ {name:'max', age:281}, {name:event.target.value , age:241}, {name:'Snie1' , age:261} ] }) }

并传入Person中

<Person name={this.state.persons[1].name} age={this.state.persons[1].age} click={()=>this.switchNameHandler('hello')} changed={this.nameChangedHandler} >My Hobbies: Racing</Person>

注意点

若未添加onChange事件，但设置了value={props.name}，则value不能被给改动；