反應 - 需要{}調用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