javascript - 如何清除以这种特定方式设置的间隔

Question

我正在 react 中工作。我想清除 componentWillUnmount 上的间隔

间隔设置如下

setInterval( () => this.baz(), 1000 );

按照这里的答案 Referencing "this" inside setInterval/setTimeout within object prototype methods

我该如何清除它。如果这是一个基本问题，我很抱歉

Answer 1

保存对 intervalID 的引用在组件(this.intervalID)上，并在 componentWillUnmount 中清除它:

class Demo extends React.Component {
  componentDidMount() {
    this.intervalID = setInterval( () => this.baz(), 1000 );
  }

  componentWillUnmount() {
    clearInterval(this.intervalID);
  }

  render() {
    //...
  }
}