所以我有这个：
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呢？我什至设置了超时延迟，看看这是否解决了问题。任何明显的还是我应该发布更多代码？
setState()通常是异步的，这意味着在您console.log设置状态时，它还没有更新。尝试将日志放入setState()方法的回调中。状态改变完成后执行：
this.setState({ dealersOverallTotal: total }, () => {
console.log(this.state.dealersOverallTotal, 'dealersOverallTotal1');
});
setState 是异步的。您可以使用回调方法来获取更新的状态。
changeHandler(event) {
this.setState({ yourName: event.target.value }, () =>
console.log(this.state.yourName));
}
在钩子的情况下，你应该使用useEffect钩子。
const [fruit, setFruit] = useState('');
setFruit('Apple');
useEffect(() => {
console.log('Fruit', fruit);
}, [fruit])
使用异步/等待
async changeHandler(event) {
await this.setState({ yourName: event.target.value });
console.log(this.state.yourName);
}
该setState()操作是异步的，因此您console.log()将在setState()改变值之前执行，因此您会看到结果。
要解决它，请在 的回调函数中记录值setState()，例如：
setTimeout(() => {
this.setState({dealersOverallTotal: total},
function(){
console.log(this.state.dealersOverallTotal, 'dealersOverallTotal1');
});
}, 10)