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

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

API 僅在我開(kāi)始輸入后呈現(xiàn)(Firebase)

API 僅在我開(kāi)始輸入后呈現(xiàn)(Firebase)

嗶嗶one 2023-10-20 16:25:19
我正在使用 React 和 Firebase 制作一個(gè)類似 twitter 的小應(yīng)用程序,并且遇到了一個(gè)小錯(cuò)誤?,F(xiàn)在,我正在使用 UseEffect 在頁(yè)面加載時(shí)顯示我的 firebase 集合,然后將推文映射到頁(yè)面。然而,這些推文只有在我開(kāi)始打字后才會(huì)顯示。這是我撥打電話的方式。    useEffect(() => {        let newArray = []        const getTweets = async () => {            firebase.firestore().collection('tweet').orderBy('date',         'desc').onSnapshot((singleTweet) => {                singleTweet.forEach((element) => {                    newArray.push(element.data())                })            })            showLoader()                        setTweets(newArray)            if (newArray) {                hideLoader()            }        }        getTweets();    }, [])const addTweet = (text) => {    const newTweets = {}    newTweets.content = text;    newTweets.date = new Date().toISOString()    newTweets.userName = user.displayName    newTweets.photoURL = user.photoURL    setTweets([newTweets, ...tweetList])    firebase.firestore().collection('tweet').add(newTweets)}const submitTweetHandler = (event) => {    event.preventDefault()    addTweet(inputText)    setInputText('')}這就是我繪制集合的位置:{tweetList.map((tweet, index) => (<Tweet key={index} tweet={tweet} />))}
查看完整描述

2 回答

?
心有法竹

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

取決于您可能想要切換到的功能.get


但由于這應(yīng)該像 @Nooruddin 建議的那樣是異步的,因此您需要有一個(gè).then才能使用集合的快照


嘗試:


useEffect(() => {

  const getTweets = async() => {

    let newArray = []

    await firebase.firestore().collection('tweet').orderBy('date', 'desc').get()

      .then(((snapshot) => {

        snapshot.forEach((singleTweet) => {

          newArray.push(singleTweet.data())

        })

      }))

    showLoader()

    setTweets(newArray)

    if (newArray) {

      hideLoader()

    }

  }

  getTweets();

}, [])


查看完整回答
反對(duì) 回復(fù) 2023-10-20
?
拉丁的傳說(shuō)

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

嘗試await像這樣放置異步


useEffect(() => {

        ...

        const getTweets = async () => {

            await firebase.firestore().collection('tweet').orderBy('date',

         'desc').onSnapshot((singleTweet) => {

                ....

            })

            ...

        }

        ...

    }, [])


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

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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