setIntervalもsetTimeoutも反応しませんネイティブES6

Question

私は基本的なタイマーを反応ネイティブにしようとしていますが、動作しません。私はコンソールにエラーは表示されません。単に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

あなたはこれを試すことができます...代替するものです反応ネイティブのタイマーとしてのモジュールは、ES6ではほとんど問題になりません。 https://github.com/fractaltech/react-native-timer

Answer 2

時間をインスタンス変数として保存し、コンポーネントのアンマウント時にクリアする必要があります。例：

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

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