Le chaînage des fonctions asynchrones avec React pur?

Question

Je voudrais savoir s'il existe un moyen de chaîner des fonctions asynchrones avec React uniquement. Je sais comment le faire avec Redux, mais je me demande s'il existe une méthode utilisant seulement React. Fondamentalement, je voudrais appeler la fonction computerMove(), mais seulement après this.state.myMove est définie sur false. Quelque chose comme ceci:

this.setState({ myTurn: false }).then(() => { 
      this.computerMove(); 
      }); 

(Au-dessus du code ne fonctionne pas, mais c'est ce que j'essaye de faire).

Des suggestions?

Answer 1

setState est asynchrone et a la capacité de déclencher un rappel:

this.setState({ myTurn: false }, this.computerMove); 

Answer 2

Jetez un oeil à: https://facebook.github.io/react/docs/react-component.html#componentdidupdate, ce qui est ce que vous voulez. Il passe l'état & des accessoires comme ils étaient avant le dernier rendu. Vérifiez si la valeur de myTurn a changé.

componentDidUpdate(prevProps, prevState) { 
    if (!this.state.myTurn && this.state.myTurn != prevState.myTurn) { 
    this.computerMove(); 
    } 
}