如何停止对 componentWillUnmount 的 Firestore `get` 查询

Question

好的，所以我在 componentDidMount 中从 Firestore 获取数据，但是当我更改组件时它正在获取数据时出现错误提示：

警告：无法在未安装的设备上调用 setState（或 forceUpdate） 零件。这是一个无操作，但它表明您的内存泄漏 应用。要修复，请取消所有订阅和异步任务 在 componentWillUnmount 方法中。

在 Firebase 实时数据库中，我们调用 ref.off() 来停止查询。

想知道如何在 Firestore 中做到这一点

componentDidMount() {
  Users.get().then(({ docs }) => {
    const users = docs.map(user => user.data());
      this.setState({ users });
  });
}

componentWillUnmount(){

}

Answer 1

由于Get 不是实时方法，因此无法在 componentWillUnmont 上停止它，因此一旦卸载组件就不应调用它。

Answer 2

如果有人仍在寻找答案，我找到了解决方法：

componentDidMount() {
  this.mounted = true;

  Users.get().then(({ docs }) => {
    const users = docs.map(user => user.data());
      if(this.mounted) this.setState({ users });
  });
}

componentWillUnmount(){
  this.mounted = false;
}

this.mounted 会在组件被卸载并且 setState 不起作用时为 false。