react输入表单提交

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表单的所有内容。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容