react输入表单提交

2017-08-31  本文已影响1015人  danihay

1.在构造函数,继承下面设置默认属性值,对于带id的回填很有用。并且绑定事件。

this.state ={ name:'dani',age:24,  }

this.onChangeValue  =  this.onChangeValue.bind(this)  //提升this作用域

2.在input框内输入设置默认值,input的name,以及绑定onChange事件。

<input type=“text” name=“name” onChage={this.onChangeValue} defaultValue={this.state.name}  />

其余input框也是类似的写法

3.在绑定的事件里面设置值

onChangeValue(e){

      this.setState = ({

        [e.target.name]  :  e.target.value;

      })

}

4.当提交的时候直接获取this.state即可得到input表单的所有内容。

上一篇 下一篇

猜你喜欢

热点阅读