React setState不更新状态

Question

所以我有这个：

js prettyprint-override">let total = newDealersDeckTotal.reduce(function(a, b) {
  return a + b;
},
0);

console.log(total, 'tittal'); //outputs correct total
setTimeout(() => {
  this.setState({ dealersOverallTotal: total });
}, 10);

console.log(this.state.dealersOverallTotal, 'dealersOverallTotal1'); //outputs incorrect total

newDealersDeck道达尔只是一个数组的数字[1,5,9]例如然而this.state.dealersOverallTotal没有给出正确的总数，但总计？我甚至放了一个超时延迟，看看这是否解决了问题。任何明显的还是我应该发布更多的代码？

Answer 1

在钩子的情况下，您应该使用use效应钩子。

const [fruit, setFruit] = useState('');

setFruit('Apple');

useEffect(() => {
  console.log('Fruit', fruit);
}, [fruit])

Answer 2

setState是异步的。您可以使用回调方法来获得更新的状态。

changeHandler(event) {
    this.setState({ yourName: event.target.value }, () => 
    console.log(this.state.yourName));
 }

Answer 3

setState（）通常是异步的，这意味着当您console.log该状态时，它还没有更新。尝试将日志放入setState（）方法的回调中。状态更改完成后执行：

this.setState({ dealersOverallTotal: total }, () => {
  console.log(this.state.dealersOverallTotal, 'dealersOverallTotal1');
});