react绑定多个事件

react绑定多个事件

方法一

通过传递绑定事件的名称给函数，然后在事件中设置绑定更改的值，
需要特别注意绑定的格式和接收函数的参数格式

<FormControl type="mobile" value={this.state.mobilevalue} 
 onChange={this.handleChange.bind(this,'mobilevalue')} placeholder="请输入手机号" />
		        
 <FormControl type="password" value={this.state.pwdvalue} 
onChange={this.handleChange.bind(this,'pwdvalue')} placeholder="请输入密码" />

	handleChange(name,event) {
    var change = {};
    change[name] = event.target.value;
    this.setState(change);
}

方法二

通过事件的名称进行绑定，设置状态更直观，简便

handleChange(event) {
    this.setState({[event.target.name]: event.target.value});
}

<FormControl type="text" name ='mobilevalue' value={this.state.mobilevalue} 
    onChange={this.handleChange.bind(this)} placeholder="请输入手机号" />

参考

https://stackoverflow.com/questions/21029999/react-js-identifying-different-inputs-with-one-onchange-handler