遞增++運算符不設置反應狀態

Question

我試圖做反應的簡單的計數器工作，我發現++不起作用。我想知道爲什麼。

這個工作

.. 

addCount() { 
    this.setState({count:this.state.count+1}) 
} 
.. 

但是這不會工作

.. 

addCount() { 
    this.setState({count:this.state.count++}) 
} 
.. 

你可以在這裏嘗試 https://jsfiddle.net/Lwvbe2o2

Answer 1

因爲x++表達式首先返回的x然後它增加它

值

雖然++x首先增加它，然後返回該增加值;

可以使用前增量這樣

addCount() { 
    this.setState({count:++this.state.count}) 
} 

參考。 MDN postfix/prefix increment operator ++

Answer 2

當你'A = B ++「，則第一b的值分配給一個，則遞增灣它被稱爲後增量。 在你的例子中它是一樣的：'count'將等於'this.state.count'（所以這個值將是相同的），然後你增加'this.state.count'，但它會被'當setState完成時，因爲您改變了狀態，因此計數。 setState在這裏設置你的變量，不要在這個方法中改變它。

你的第一個命題是做你想要的方式。

希望這會有所幫助！