我在功能組件中有以下代碼: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)?
使用 useContext 時,數(shù)據(jù)首先加載為空數(shù)組,當(dāng)我應(yīng)用 .map() 或 .find() 時
明月笑刀無情
2023-03-24 16:58:38