當我console.log(response.data)在控制臺中列印時，輸出即將到來。
我創建了一個鉤子 const [result,setResult] = useState([]);
然后輸出我設定為的 API
setResult(response.data);
當我在下面寫代碼時，它只是在列印" Data is"。它不是列印輸出result
<h1>
Data is
{
result.map((res:any)=>{
{res.id};
})
}
</h1>
我在做什么錯？
uj5u.com熱心網友回復：
你的代碼的整個邏輯沒關系。您正在useState正確使用 Hook。您傳遞給狀態的資料是一個陣列，可以很好地使用該map()方法。我看到的唯一問題是您的map()方法沒有很好地實施。
試試這個：
<h1>
Data is
{
result.map((res:any)=>{
return <p>{res.id}</p>
})
}
</h1>
該map()方法總是回傳一些東西。當它是單行時，不需要鍵入 return。
<h1>
Data is
{
result.map((res:any) => res.id )
}
</h1>
要列印物件的多個屬性：
<h1>
Data is
{
result.map((res:any) => {
return [
<div key={res.id}>
<p>{res.id}</p>
<p>{res.name}</p>
<p>{res.createdAt}</p>
</div>
]
})
}
</h1>
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/429102.html
標籤：javascript 数组 反应 用户界面 反应钩子