第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

如何循環(huán)并返回 javascript 對(duì)象的值?

如何循環(huán)并返回 javascript 對(duì)象的值?

(如果我的某些條款不正確,請(qǐng)道歉)在 Firebase 中我有很多帖子。每個(gè)帖子都有一個(gè)“緯度”字段和一個(gè)“經(jīng)度”字段。我將它們?nèi)〕霾⑺鼈兇鎯?chǔ)在名為 mapRefs 的數(shù)組/對(duì)象中:useEffect(() => {    projectFirestore.collection("posts").get().then(res => {        let mapRefs = [];        res.forEach(data => {            mapRefs.push([data.data().myLatitude, data.data().myLongitude]);            });        console.log(mapRefs);        });}, []);這有效,控制臺(tái)日志的輸出是:0: (2) [-8.6848548, 115.22303799999999]1: (2) [-8.7848548, 115.323038]2: (2) [-8.9848548, 115.52303799999999]3: (2) [-8.8848548, 115.42303799999999]然后我如何迭代這些并將緯度和經(jīng)度值映射到組件。我正在嘗試這樣:<ReactMapGL>    { mapRefs && mapRefs.map(coord => (        <Marker latitude={coord[0]} longitude={coord[1]}>            <div>                ...            </div>        </Marker>    ))}</ReactMapGL>這不起作用。請(qǐng)問(wèn)這樣做的正確方法是什么?
查看完整描述

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>

)


查看完整回答
反對(duì) 回復(fù) 2023-06-29
  • 1 回答
  • 0 關(guān)注
  • 124 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)