帮忙看看这段react代码可以怎么优化

Question

        getInitialState:function(){
                    return {
                        password:'',
                        trueName:'',
                        idcard:'',
                        reidcard:''
                    }
                },            
                onPassChange:function(e){
                    this.setState({password:e.target.value})
                },
                onTrueNameChange:function(e){
                    this.setState({trueName:e.target.value})
                },
                onIdcardChange:function(e){
                    this.setState({idcard:e.target.value})
                },
                onReidcardChange:function(e){
                    this.setState({reidcard:e.target.value})
                },

上面这段代码是对四个文本框的value的操作，怎么把这四个方法用一个方法来封装呢

Answer 1

onChange: function(field) {
  return function(e) {
    this.setState({[field]: e.target.value})
  }
}

使用：

<input type="password" onChange={this.onChange('password')} />