if语句中使用setState（）发出问题

Question

if语句中的setState（）：

// morePage = true
// pageNum = 1

if(morePage){
  this.setState({pageNum: this.state.pageNum+1})
}

console.log(this.state.pageNum); // return: 1

setState（）out if语句：

// morePage = true
// pageNum = 1

if(morePage){
  // ... 
}
this.setState({pageNum: this.state.pageNum+1})

console.log(this.state.pageNum); // return: 2

我现在正面临这个问题，我想知道为什么...

谢谢：）

正确答案后编辑：

所以是的，我应该花更多的时间阅读React的Doc：p如果有人有兴趣知道我最后是怎么做的，下面是答案：

在文档中，他们说不能保证您的状态在重新呈现之前会有它的新值。所以您必须使用“componentdidupdate（）”。

所以我做的是，我把：

this.setState({pageNum: this.state.pageNum+1})

在我创建的随机函数中，之后在“componentdidupdate（prevProps,prevState）”函数中，我可以访问新的和旧的props值，在那里，我可以使用“pagenum”的前一个和当前值：）

Answer 1

所以基本上你的问题是别人引用的setstate。但您也可以轻松地console.log执行以下操作：

this.setState({pageNum: this.state.pageNum+1}, () => {
  console.log(this.state.pageNum);
})

请参阅setstate定义：

void setState(
  function|object nextState,
  [function callback]
)

Answer 2

如前所述，不能保证state值将在下一行代码中更新。

如果要检查状态进行调试，请尝试将其记录在render方法中，因为该方法是在状态更新后调用的