我正在嘗試在反應專案中使用從 Api 獲取的資料。api 回傳一個只有一個物件的陣列,但該物件有許多我需要在 jsx 中使用的屬性。
我的問題更多關于效率/最佳實踐。我應該映射陣列還是只呼叫索引 0。
這是在組件的回傳范圍內。重申一下,陣列只有一個具有一堆屬性的物件。
array.map((obj) => (
<p>{obj.id}</p>
<p>{obj.name}</p>
<p>{obj.other}</p>
<p>{obj.title}</p>
))
or
<p>{array[0].id}</p>
<p>{array[0].name}</p>
<p>{array[0].other}</p>
<p>{array[0].title}</p>
uj5u.com熱心網友回復:
如果 API 不會改變,并且總是回傳一個帶有條目的陣列,只需相應地設定您的狀態:
fetch('/api')
.then(response => response.json())
.then(data => setSomething(data[0]))
如果 API 可以回傳多個條目,則需要.map()語意。
uj5u.com熱心網友回復:
呼叫索引 0 會比開始迭代、獲取一個物件然后停止迭代稍微更高性能。但是,如果您期望有多個物件,那么您將需要 map。
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/466111.html
標籤:javascript 数组 反应
