感谢@Cory 的提示，我使用了这个：

inputChangeHandler : function (event) {
    var stateObject = function() {
      returnObj = {};
      returnObj[this.target.id] = this.target.value;
         return returnObj;
    }.bind(event)();

    this.setState( stateObject );    
},

如果使用 ES6 或Babel 转译器来转换您的 JSX 代码，您也可以使用计算属性名称来完成此操作：

inputChangeHandler : function (event) {
    this.setState({ [event.target.id]: event.target.value });
    // alternatively using template strings for strings
    // this.setState({ [`key${event.target.id}`]: event.target.value });
}

当需要处理多个受控输入元素时，可以为每个元素添加一个name属性，让处理函数根据event.target.name的值来选择要做什么。

例如：

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

我是如何做到这一点的...

inputChangeHandler: function(event) {
  var key = event.target.id
  var val = event.target.value
  var obj  = {}
  obj[key] = val
  this.setState(obj)
},

我只是想补充一点，您还可以使用解构来重构代码并使其看起来更整洁。

inputChangeHandler: function ({ target: { id, value }) {
    this.setState({ [id]: value });
},

我有一个类似的问题。

我想设置第二级密钥存储在变量中的状态。

例如 this.setState({permissions[perm.code]: e.target.checked})

但是，这不是有效的语法。

我使用以下代码来实现这一点：

this.setState({
  permissions: {
    ...this.state.permissions,
    [perm.code]: e.target.checked
  }
});