我有一个类似约会的应用程序，每次用户单击“连接”选项卡按钮时，我都希望能够查询新的匹配项。

我不确定我是否错误地编写了 await 或 async，但如果用户移动速度太快而数据库无法返回结果，则返回的匹配项加载速度不够快。到目前为止，我的情况是：在页面加载时，我调出 Firebase，当用户离开然后导航回“连接”选项卡时，我会回调 Firebase。 getMatches() 方法是对 firebase 的调用。

const MatchesScreen = ({navigation}) => {
  const {state, updateDislikedQueue, updateLikedQueue, getMatches} = useContext(AuthContext);
  const [loaded, setLoaded] = useState(false);
  const [queue, setQueue] = useState({});
  const [noMatches, setNoMatches] = useState(false);
  const [updateProfileAndPreferences,setUpdateProfileAndPreferences] = useState(false);

const getMatchesMethod = async () => {
    getMatches().then(matches => {
      if (!matches) {
        Alert.alert("Update Preferences and Profile before connecting");
        setUpdateProfileAndPreferences(true);
      } else {
        setUpdateProfileAndPreferences(false);
        let cardData = [];
        for (m in matches) {
          if (matches[m].id == state.id) {
            continue;
          } else {
            let user = {
              id: matches[m].id,
              fullName: matches[m].info.fullName
            };
            cardData.push(user);
          }
        }
        if (cardData.length > 0) {
          setQueue(cardData);
          setLoaded(true);
        } else {
          setNoMatches(true);
          Alert.alert("No Connections Available");
        }
      }
    });
  };

  useEffect(() => {
    getMatchesMethod();
    const unsubcribe = navigation.addListener("willFocus", () => {
      getMatchesMethod();
    });
    // return unsubcribe.remove(); 
  }, []);

此外，当我尝试取消订阅时，当用户来回导航时，侦听器似乎不起作用。任何有关我在异步调用和侦听器方面做错什么的帮助都将不胜感激。