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); 
}