如何在JavaScript中动态设置对象属性名（React setState场景）

嘿，这是个很常见的小坑——你直接写{group: data}的时候，对象的键名会被当成字符串"group"，而不是去读取group变量的实际值。要达到你想要的效果，只需要用上ES6的计算属性名语法就搞定啦！

修改后的代码 #

updatePoints = (group, data) => { this.setState({ [group]: data }); }

为什么这样能行？ #

当你用方括号[group]包裹变量时，JavaScript会自动计算这个变量的值，把它作为对象的键名。所以当group的值是'round_1'时，setState就会生成你期望的结构：

{ round_1: {...data...} }

这个语法在现代React项目里完全兼容，不用额外配置就能用~

内容的提问来源于stack exchange，提问作者Fernando Maymone