反应 - 需要{}调用JS

Question

在下面的代码中（它是一个按钮，点击时会改变颜色），我不明白为什么我需要第9行和第14行的大括号{}，而不是第13行。

在第13行，我们影响状态colorGreen到状态颜色，需要花括号来读取colorYellow变量，所以我们使用JS。我对么 ？ 在线14上是一样的。 在第13行，它是一样的，我们使用colorGreen和color黄色变量，但我们不需要大括号？为什么？

谢谢

var React = require('react'); 
var ReactDOM = require('react-dom'); 

var colorGreen = '#39D1B0'; 
var colorYellow = '#FFD710'; 

var Switch = React.createClass({ 
    getInitialState: function() { 
    return { color: colorGreen }; //line9 
    }, 

    changeColor: function() { 
    var changeColor = this.state.color == colorGreen ? colorYellow : colorGreen; //line13 
    this.setState({ color: changeColor }); //line14 
    } 
}); 

Answer 1

他们的JavaScript的只是普通的对象文字，还没有反应过来的任何特殊语法。

var obj = { 
    foo: 'bar' 
} 

并在代码：

您可以在JavaScript中创建一个对象

return { 
    color: colorGreen 
} 

方式创建一个对象，并立即返回。

请参阅：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Object_initializer