这有两个不同的部分：

• a queryFn使用onValue获取初始数据。这是查询进入loading状态并在某个点以第一个值结束的点。
• onCacheEntryAdded生命周期函数，用于调用onSnapshot、更新值并保存订阅。在组件使用该高速缓存条目时，将在此处生成订阅并使用新值更新数据。

export const teamPlayersApi = createApi({
  reducerPath: "teamPlayers",
  baseQuery: fakeBaseQuery(),
  tagTypes: ["TeamPlayer"],
  endpoints: (builder) => ({
    fetchTeamPlayersByMatchId: builder.query({
      async queryFn(matchId) {
        let players = [];
        return {
          data: await new Promise((resolve, reject) => {
            const playersRef = query(
              collection(db, "teamPlayers"),
              where("playerMatchId", "==", matchId)
            );
            // probably more logic here to get your final shape
            onValue(
              playersRef,
              (snapshot) => resolve(snapshot.toJSON()),
              reject
            );
          }),
        };
      },
      async onCacheEntryAdded(
        matchId,
        { updateCachedData, cacheDataLoaded, cacheEntryRemoved }
      ) {
        let unsubscribe = () => {};
        try {
          await cacheDataLoaded;
          const playersRef = query(
            collection(db, "teamPlayers"),
            where("playerMatchId", "==", matchId)
          );
          unsubscribe = onSnapshot(playersRef, (snapshot) => {
            players = snapshot.docs.map((doc) => ({
              id: doc.id,
              player: doc.data(),
            }));

            updateCachedData((draft) => {
              // or whatever you want to do
              draft.push(players);
            });
          });
        } catch {}
        await cacheEntryRemoved;
        unsubscribe();
      },
    }),
  }),
});