我正在嘗試在反應中顯示一個串列。我已成功從后端獲取資料。這是我的 console.log 回應
0: {_id: '6170400972c5ba31e46c2d69', projectId: '60019df7167f2238c07c4e25', projectName: 'Sarafina', projectLocation: 'Nigeria', email: '[email protected]', …}
1: {_id: '617048567b7747364c06bb40', projectId: '60019df7167f2238c07c4e25', projectName: 'Sarafina2', projectLocation: 'South Africa', email: '[email protected]', …}
length: 2
[[Prototype]]: Array(0)
但是當我嘗試顯示串列時，它是空的。
這是我從后端獲取資料的地方
useEffect(()=>{
const fetchProject= async()=>{
setLoading(true)
const res= await axios.get(`/api/v1/project/${auth.user.id}`,
{
});
if(res.data){
setProjectData(res.data);
setLoading(false)
console.log(res.data)
}else{
setOpen(true)
}
}
fetchProject();
},[])
............. // other lines of code
return (
<>
{projectData.map(project => {
return <DashboardProjectList key={project.email} project={project}/>
})}
</>
)
這是 DashboardProjectList 組件
export default function DashboardProjectList(project) {
return(
<>
{project.projectName}
</>
)
}
不顯示串列。如果有人能幫我弄清楚我做錯了什么，我將不勝感激。
uj5u.com熱心網友回復：
請添加console.log(project)到 DashboardProjectList 組件。
export default function DashboardProjectList({ project }) {
return(
<>
{project.projectName}
</>
)
}
或者
export default function DashboardProjectList(props) {
return(
<>
{props.project.projectName}
</>
)
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/333492.html
標籤：反应
上一篇：如何從reactjs中的另一個類組件重定向到一個類組件
下一篇：如何處理焦點和定義ARIA角色