为什么我不能在React中设置此状态？

Question

我正在尝试设置React组件中的状态，以便它在子组件的输入值发生变化时进行更改。我可以console.logevent.target.name和event.target.value并获得预期的字符串，但是我不能编译这个handlechange函数：

handleChange: function(event){
    this.setState({event.target.name: event.target.value});
  },

我很困惑，因为我在我的this.setstate（{event.target.name：event.target.value}）语句的行中得到了错误:意外标记；。

<div className='inputrow'>
    <label className='orange'></label>
    <label className='inputname'>Company</label>
    <input name='company' onChange={this.props.handleChange} className='inputtext'></input>
</div>

我的getInitialState是：

getInitialState: function(){
    return {
        'company': '',
        'sensor': '',
        'trigger': '',
        'sourceip': '',
        'sourceport': '',
        'destip': '',
        'destport': '',
        'sourcename': '',
        'destname': '',
        'comments': '',
        'creator': ''
    };
  }

Answer 1

在ES6之前，您不能在对象文本中使用动态键。

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