1 回答

TA貢獻(xiàn)1839條經(jīng)驗(yàn) 獲得超15個(gè)贊
您需要使用狀態(tài)值來(lái)呈現(xiàn) UI 元素,并且mapRefs
在外部不可用useEffect
。
嘗試這樣
const [mapRefs, setMapRefs] = useState([])
useEffect(() => {
? ? projectFirestore.collection("posts").get().then(res => {
? ? ? ?let refs = [];
? ? ? ?res.forEach(data => {
? ? ? ? ? refs.push([data.data().myLatitude, data.data().myLongitude]);? ??
? ? ? ?});
? ? ? ?setMapRefs(refs)
? ? });
}, []);
return (
? <ReactMapGL>
? ? { mapRefs.map(coord => (
? ? ? ? <Marker latitude={coord[0]} longitude={coord[1]}>
? ? ? ? ? ? <div>
? ? ? ? ? ? ? ? ...
? ? ? ? ? ? </div>
? ? ? ? </Marker>
? ? ))}
</ReactMapGL>
)
添加回答
舉報(bào)