递增++运算符不设置反应状态

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在这里设置你的变量，不要在这个方法中改变它。

你的第一个命题是做你想要的方式。

希望这会有所帮助！