奇怪的 setState 用法

Question

在 React文档中，我对 setState 的使用感到困惑。看到这个

 handleCelsiusChange(temperature) {
    this.setState({scale: 'c', temperature}); // no key
  }

状态定义如下

this.state = {temperature: '', scale: 'c'};

因此，我期待的不是我一开始所展示的，而是这样的电话：

 handleCelsiusChange(temperature) {
    this.setState({scale: 'c', temperature: temperature}); // with key
 }

我错过了什么？（显然有一些自动转换发生）。

附注。temperature只是字符串而不是您从子组件获得的对象，例如

 handleChange(e) {
    this.props.onTemperatureChange(e.target.value);
  }

Answer 1

这只是语法糖。

{scale: 'c', temperature} // key -> "temperature", value -> temperature 

是简写

{scale: 'c', temperature: temperature} // key and value explicitly defined

这可以在MDN（ECMAScript 2015 中的新符号）上找到。