reactjs - 停止 setInterval 如果在 React Native 函数中不起作用

Question

我有以下代码:

contaTempo(){
  setInterval(() => this.setState({tempo: this.state.tempo+1}), 1000)
  if (this.state.tempo >= 5) {
    this.props.navigation.navigate('Sobre')
  }
}

setInterval 工作正常，但 if 不起作用。此外，计时器永远不会停止。有什么帮助吗？

Answer 1

if 立即运行。

您想将其放置在传递给 setInterval 的函数内。

此外，您可能还想删除计时器，因此对 setInterval 返回的值调用 clearInterval()。

此外，为了防止向 this.state.tempo 添加不必要的内容，请将其移至 if 语句的 else 中。

更改后的代码如下:

contaTempo(){
  let myInterval = setInterval(() => {
    if (this.state.tempo >= 5) {
      clearInterval(myInterval);
      this.props.navigation.navigate('Sobre')
    } else {
      this.setState({tempo: this.state.tempo+1});
    }
  }, 1000)
}