第四课-受控组件的双向绑定

在vue中 ， input输入内容通过v-model可以做到数据双向绑定
在react中， 需要自行添加监听
当表单内input多的时候 ，就需要一些特别的处理

  handleForm = e =>{
    const target = e.target
    const value  = target.type === "checkbox"? target.checked : target.value
    const key = target.name
    this.setState({
      [key]:value
    })
  }
     <input
          type="text"
          name="txt"
          value={this.state.txt}
          onChange={this.handleForm}
        ></input>
        <input type="checkbox" name="ischecked" checked={this.state.ischecked} onChange={this.handleForm}></input>