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

问题描述

问 题

        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的操作，怎么把这四个方法用一个方法来封装呢

解决方案

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

使用：

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

这篇关于javascript - 帮忙看看这段react代码可以怎么优化的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！