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

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

UseEffect API 請求在頁面加載時(shí)不顯示

UseEffect API 請求在頁面加載時(shí)不顯示

POPMUISE 2023-10-14 18:14:40
如果類似問題已經(jīng)得到解答,請?zhí)崆爸虑?。我已?jīng)嘗試了一切,但仍然無法弄清楚為什么我會(huì)遇到這個(gè)小錯(cuò)誤。我希望 Firestore 中的推文集合在加載時(shí)呈現(xiàn)在頁面上?,F(xiàn)在,只有在我發(fā)出發(fā)布請求后才會(huì)發(fā)生。這是我的要求useEffect(() => {  const getTweets = async () => {    const tweets = await firestore.collection('tweet').get();    tweets.forEach(doc => {    results.push(doc.data());    })  }  getTweets()}, [])這是我將其映射到頁面的位置:return (    <>      <main className="tweet-container">        <div className="tweet-container--content">          {results.map((tweet, index) => (            <InputResults            key={index}            tweet={tweet}            />            ))}        </div>      </main>    </>  )}
查看完整描述

2 回答

?
吃雞游戲

TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超7個(gè)贊

嘗試這樣的事情,


import React, {useState, useEffect} from "react";


function App() {

  

    const [results, setResults] = useState([]);


    useEffect(() => {   

      const getTweets = async () => {

        const tweetsData = [];

        const tweets = await firestore.collection('tweet').get();

        tweets.forEach(doc => {

          tweetsData.push(doc.data());

        })

        setResults(tweetsData);

      }

      getTweets()

    }, [])


    return (

      <>

        <main className="tweet-container">

          <div className="tweet-container--content">

            {results.map((tweet, index) => (

                 <h1>{tweet}</h1>

              ))}

          </div>

        </main>

      </>

    )

}

參考: https: //reactjs.org/docs/hooks-state.html


查看完整回答
反對 回復(fù) 2023-10-14
?
藍(lán)山帝景

TA貢獻(xiàn)1843條經(jīng)驗(yàn) 獲得超7個(gè)贊

當(dāng)使用地圖函數(shù)在 UI 上顯示元素時(shí),請始終向元素添加關(guān)鍵屬性。因?yàn)樗兄谧龀龇磻?yīng)以區(qū)分元素。


return (

      <>

        <main className="tweet-container">

          <div className="tweet-container--content">

            {results.map((tweet, index) => (

                 <h1 key={index}  >{tweet}</h1>

              ))}

          </div>

        </main>

      </>

    )


查看完整回答
反對 回復(fù) 2023-10-14
  • 2 回答
  • 0 關(guān)注
  • 136 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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