javascript - 如何防止 React Native 中的多个警报？

Question

有没有办法在发送另一个 Alert.alert() 之前判断屏幕上是否已经有 Alert.alert()？

我有这个功能:

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

ComponentDidUpdate(){
  this.CheckInternet();
}

问题是我在那个函数中还有其他事情要做，我只是写了相关的代码，所以我不能在 ComponentDidUpdate 之外使用 CheckInternet 函数。

问题是组件在获取 json 后更新了两次，因此发送了两次警报。我想通过使用让我知道屏幕上是否已经有警报的条件来防止同时出现两个警报。我似乎没有在警报文档中找到类似的内容。有什么想法吗？

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