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不能被给改动；