créer de la minuterie à réagir natif à l'aide de es6

Je suis à la recherche d'ajouter un timer pour mon application qui est construit à l'aide de réagir natif.

J'ai regardé le lien vers le minuterie mixin dans la documentation mais je n'ai bâti le reste de l'application à l'aide es6 alors ce ne sera pas compatible.

J'ai essayé de le ci-dessous.

Dans ma classe Principale, j'ai une fonction appelée getTimerCountDown

getTimerCountDown() {
    setTimeout(() => {
      this.setTimeRemaining(this.getTimeRem()-1);
    }, 1000);
}

getTimeRem() {
    return this.state.timeRemaining;
}

J'ai essayé d'appeler ce dans componentDidUpdate comme indiqué ci-dessous. Cela fonctionne comme je le veux, si je ne fais pas d'autres interactions avec l'INTERFACE utilisateur.

Si je n' (par exemple: j'ai un bouton, je peux cliquer sur la vue.) comme " componentDidUpdate est appelé de nouveau la conunter devient vraiment rapide (comme il est appelé un nombre x de fois)

componentDidUpdate(){
    this.getTimerCountDown();
}

Je ne suis pas sûr si je suis complètement sur la mauvaise voie ou dans un petit changement pour ce que j'ai fait peut me faire ce que je veux.
Quelle est la meilleure façon d'obtenir un compte à rebours de travail à réagir natif à l'aide de es6?

Classe Timer
sur la page principale

<Timer timeRem={this.getTimeRem()} />

retourne

render(){
    return (
        <View style={styles.container}>
            <Text> This is the Timer : {this.props.setTimer}  - {this.props.timeRem} </Text>
        </View>
    )
}
essayez de changer votre getTimerCountdown et faire revenir setState()
Quelle est la partie de la TimerMixin n'est pas compatible? Les docs pour cela même que l'utilisation d'un es6 exemple

OriginalL'auteur ak85 | 2015-08-12