javascript - react : Update state variables shorthand

Question

在 React 中，为了处理变量变化，我们这样做:

handleChangeRound = (round) => {
  this.setState({round: round});
}

updateLoading = (isLoading) => {
  this.setState({isLoading: isLoading});
}

有没有办法写

this.setState({round: round});
this.setState({isLoading: isLoading});

作为

this.updateState(round);
this.updateState(isLoading);

给定变量round和isLoading存在于state中并对应变量名来避免冗余variable: variable?

---

PS:灵感来自:

console.log({x: x, y: y});
// output:
// {x: 10, y:20}

可以写成

console.log({x,y});
// output:
// {x: 10, y:20}

Answer 1

你可以这样写

this.setState({round});
this.setState({isLoading}); 

通过使用 ECMAScript 6/ES2015 中的对象属性速记。基本上，这背后的想法是您可以省略属性键，因为变量声明有键。

Property definitions