Comment empêcher plusieurs alertes dans React Native?

Question

Existe-t-il un moyen de savoir s'il y a déjà eu Alert.alert() à l'écran avant d'en envoyer un autre?

J'ai cette fonction:

CheckInternet(){ 
    if(this.props.json.undefined){ 
    Alert.alert("Check your internet connection"); 
    } 
} 

ComponentDidUpdate(){ 
    this.CheckInternet(); 
} 

La chose est que j'ai d'autres choses se fait dans cette fonction, je viens d'écrire le code correspondant, donc je ne peux pas prendre la fonction CheckInternet en dehors ComponentDidUpdate.

Le problème est que le composant est mis à jour deux fois après l'obtention du json, envoyant par conséquent cette alerte deux fois. Je voudrais éviter d'avoir deux alertes en même temps en utilisant une condition qui me permettrait de savoir s'il y a déjà une alerte sur l'écran ou non. Je ne trouve rien de semblable dans la documentation d'Alert. Des idées?

Answer 1

Essayez ceci:

CheckInternet(){ 
    if (!this.alertPresent) { 
     this.alertPresent = true; 
     if (this.props.json.undefined) { 
      Alert.alert("", "Check your internet connection", [{text: 'OK', onPress:() => { this.alertPresent = false } }], { cancelable: false }); 
     } else { 
      this.alertPresent = false; 
     } 
    } 
} 

ComponentDidUpdate(){ 
    this.CheckInternet(); 
}