react.js - react动态setState的问题

问题描述

问 题

  onChange(e) {
    if (e.name = 'mc_code') {
      this.setState({
        mc_code:e.target.value
      })
    }
    if (e.name = 'mc_name'){
      this.setState({
        mc_name:e.target.value
      })      
    }
    ...
  }

由于给所有的input都赋了一个函数
<input name="mc_code" onChange={this.onChange.bind(this)}>
<input name="mc_name" onChange={this.onChange.bind(this)}>
...

如果组件多，工作量太可怕了。如何能实现下面的效果呢

onChange(e) {
  this.setState({
    e.name.target.value
  })
}

解决方案

onChange(e) {
    let data = {}
    data[e.name] = e.target.value
    this.setState(data)
    ...
}

这篇关于react.js - react动态setState的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！