這個問題的大部分是我正在嘗試創(chuàng)建反應組件，每個組件都有一個基于組件道具的可觀察對象。我有幾個位置，每個位置都有環(huán)境讀數(shù)，我想獨立生成 D3 圖以使用 RxJS 管理傳入的數(shù)據(jù)。我在這里有這個概念的工作版本：https://www.lloydrichardsdesign.com/experiment/021我遇到的問題是這個例子，我已經(jīng)硬編碼了組件外部的 firestore observable。但在我的下一個版本中，我想制作一個組件，該組件可以在加載時將 locationId 提供給可觀察對象，然后每個組件管理自己的狀態(tài)。這看起來像：import { Observable } from "rxjs"import { Dispatch, SetStateAction, useEffect, useState } from "react";const useObservable = (observable: Observable<any>, setter: Dispatch<SetStateAction<any>>) => { useEffect(()=>{let subscription = observable.subscribe(result => {    setter(result);});return ()=> subscription.unsubscribe() },[observable, setter])}const LocationItem: React.FC<LocationProps> = ({ location }) => {   const [readings, setReadings] = useState<Array<Reading>>([]);   const dataObservable = collectionData(      db      .collection('mimirReading')      .where('locationId', '==', location.id)      .orderBy('timestamp', 'desc')      .limit(48)  );  useObservable(dataObservable, setReadings);   return(    <ol>     {readings.map(r=><li>{r.timestamp}</li>)}    </ol>   )}問題是，這導致 useObservable 被一遍又一遍地調(diào)用，從不返回任何數(shù)據(jù)。我最終得到一個空讀數(shù)狀態(tài)，我的控制臺變得瘋狂。我想，我必須在組件首次安裝時創(chuàng)建 dataObservable，所以在 useEffect 中，但隨后我會收到與在其內(nèi)部調(diào)用 useEffect 相關的錯誤。最后，我嘗試在第一次創(chuàng)建組件時將訂閱拉出并放入 useEffect 中，但是可觀察對象從未收集過任何信息。像這樣：useEffect(() => {    const dataObservable = collectionData(      db        .collection('mimirReading')        .where('locationId', '==', location.id)        .orderBy('timestamp', 'desc')        .limit(48)    ).subscribe((reads) => {      console.log(reads);      setReadings(reads as Array<Reading>);    });    console.log(dataObservable);    return () => dataObservable.unsubscribe();  }, []);我現(xiàn)在有點茫然，不知道該怎么辦。如果有人有任何想法或解決方案，將不勝感激！