javascript - react setState 不更新状态

Question

所以我有这个:

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

newDealersDeckTotal 只是一个数字数组 [1, 5, 9] 例如 但是 this.state.dealersOverallTotal 没有给出正确的总数，但是 total 给出了？我什至设置了超时延迟，看看这是否解决了问题。 有什么明显的或者我应该发布更多代码吗？

Answer 1

setState() 通常是异步的，这意味着在您console.log 状态时，它还没有更新。尝试将日志放在 setState() 方法的回调中。状态改变完成后执行:

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