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

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

使用 useContext 時,數(shù)據(jù)首先加載為空數(shù)組,當(dāng)我應(yīng)用 .map() 或 .find() 時

使用 useContext 時,數(shù)據(jù)首先加載為空數(shù)組,當(dāng)我應(yīng)用 .map() 或 .find() 時

明月笑刀無情 2023-03-24 16:58:38
我在功能組件中有以下代碼:const [ folder, setFolder ] = useState([]);const folderData = useContext(FolderContext);const folderId = props.match.params.id;useEffect(() => {    retrieveData()}, [folder])const retrieveData = () => {    const findFolder = folderData.find(f => f.id === folderId);    console.log(findFolder);    setFolder(findFolder);}當(dāng)我使用 console.log(folder) 時,我得到三個未定義的實例,一個未定義的實例,然后是一個包含我需要的數(shù)據(jù)的實例。如果我嘗試訪問文件夾內(nèi)的數(shù)據(jù),例如 folder.name,我會收到此錯誤消息:TypeError:無法讀取未定義的屬性“名稱”。如何讓函數(shù)僅在加載所有數(shù)據(jù)后才呈現(xiàn)?
查看完整描述

1 回答

?
蠱毒傳說

TA貢獻1895條經(jīng)驗 獲得超3個贊

您無法避免的初始渲染。如果您從服務(wù)器獲取數(shù)據(jù),初始加載將是未定義的,并且如果您不處理空檢查,將會收到錯誤。

一種方法是處理 null 情況。

或者你想在收到數(shù)據(jù)后加載你的組件,你可能必須使用 React.Suspense

在您的組件收到響應(yīng)之前,Suspense 會提供回退。在回退中,我們可以包含加載程序圖像,以便用戶在數(shù)據(jù)加載之前看到加載程序圖像。

閱讀更多 - https://reactjs.org/docs/concurrent-mode-suspense.html


查看完整回答
反對 回復(fù) 2023-03-24
  • 1 回答
  • 0 關(guān)注
  • 107 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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