REACT，即使状态是一个数字，setInterval 也会继续返回 NAN [关闭]

Question

关闭。 此问题不可重现或由拼写错误引起。 它目前不接受答案。

---

想改善这个问题吗？ 更新问题，使其成为 Stack Overflow的主题。

11 个月前关闭。

改进这个问题

我对反应还很陌生，我正在尝试创建一个倒数计时器，但是，当我调用 setInterval 函数 onClick 时，我的状态更改为 NAN 并且不会递减，即使初始状态是一个数字

  interval = () => {
    this.myInterval = setInterval(() => {
      this.setState(({seconds}) => ({
        second: parseInt(seconds) - 1
      }))
    }, 1000)
  }

          <button onClick={this.interval} className="start">START</button>

Answer 1

你有一个错字，你是从seconds递减（它不存在，那是NaN来源）并将值设置为second 。

Answer 2

确保您的状态变量设置为大于 0，并且您应该在状态值为 0 时停止您的间隔，或者只是从setState删除parseInt以便它不会产生任何问题。

还有一件事你没有在setState使用this.state.seconds因为你在parseInt方法中提到的变量没有this.state是无效的

this.state = { second: 0 }

interval = () => { this.myInterval = setInterval(() => { this.setState({second: this.state.seconds - 1}) }, 1000)}