反应开发人员工具的错误状态

Question

我在浏览器中使用react开发工具，但我不知道为什么它没有显示正确的值。我尝试了console.log，并在控制台中显示了正确的值。

我收到了这段代码

 axios.all(promisesChoices).then(() => {
  console.log(Choices);

  self.setState({ Choices });
  console.log(self.state.Choices);
});

它显示

但是在我的react开发工具上

有人遇到吗？

Answer 1

setState是异步的，因此，如果要验证其是否正常工作，可以在其回调函数中进行：

axios.all(promisesChoices).then(() => {
  console.log(Choices);

  self.setState({
    Choices
  }, () => {
    console.log(self.state.Choices);
  });
});