反應開發人員工具的錯誤狀態

Question

我在瀏覽器中使用React Developer工具，但我不知道為什么它沒有顯示正確的值。 我嘗試了console.log，並在控制台中顯示了正確的值。

我得到了這個代碼

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

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

它顯示

但是在我的React開發工具上

有人遇到過這個嗎？

Answer 1

setState是異步的，因此，如果要驗證其是否正確運行，可以在其calllback函數中進行操作：

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

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