r - setInterval 和 setTimeout 都不起作用 react-native ES6

Question

我正在尝试让一个基本计时器在 react-native 中运行，但它不起作用。我在控制台中没有收到任何错误。它只是简单地忽略了 setInterval。我读了TimerMixin ES6 问题(不支持)。那么，如果您只想使用基本的 setInterval 计时器，还有什么选择呢？因为它根本无法以此处显示的最简单形式工作...

import React, { Component } from 'react';
import { AppRegistry, Text } from 'react-native';

class HelloWorldApp extends Component {

componentDidMount() {
      console.log('COMPONENTDIDMOUNT')
   //this.timer=     <--//This doesn't work either 
     var timer = setInterval(() => {
      console.log('I do not leak!');
    }, 5000);
  }
componentWillUnmount() {
    console.log('COMPONENTWILLUNMOUNT')
  clearInterval(timer); 
}
  render() {
    return (
      <Text>Hello world!</Text>
    );
  }
}

AppRegistry.registerComponent('HelloWorldApp', () => HelloWorldApp);

Answer 1

您需要将时间保存为实例变量并在组件卸载时将其清除。示例:

componentDidMount() {
  this._interval = setInterval(() => {
    // Your code
  }, 5000);
}

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