javascript - 具有动态键名的 Reactjs setState()？

Question

编辑:这是重复的，见 here

我找不到在设置状态时使用动态键名的任何示例。这就是我想做的:

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

其中 event.target.id 用作要更新的状态键。这在 React 中是不可能的吗？

Answer 1

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

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

    this.setState( stateObject );    
},

如果使用 ES6 或 Babel transpiler要转换您的 JSX 代码，您可以使用 computed property names 完成此操作，也:

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 });
}