如何防止React Native中的多個警報？

Question

有沒有辦法在發送另一個之前判斷屏幕上是否已經有Alert.alert（）？

我有這樣的功能：

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

ComponentDidUpdate(){ 
    this.CheckInternet(); 
} 

的事情是，我還有其他事情，函數內部正在做，我只是寫了相關的代碼，所以我不能拿CheckInternet功能外ComponentDidUpdate。

問題是組件在獲取json後更新兩次，因此發送該警報兩次。我想通過使用能讓我知道屏幕上是否存在警報的條件來同時阻止兩個警報。我在Alert文檔中似乎沒有發現類似的東西。有任何想法嗎？

Answer 1

試試這個：

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