react.js 怎么更改input的value值?

Question

react.js 怎么更改input的value值

Answer 1

在react中是无法直接更改from表单元素的值的，必须通过setState()去响应用户的输入。例如想要更改input的value，则需要监听onChange()事件，然后通过event.target.value来获取用户的输入，再通过设置一个名为value的state，来告诉react重新渲染。
onChange(event) {
this.setState({value: event.target.value});
}
<input value={this.state.value} onChange={this.onChange}/>