我有一個問題，與photo.locations.map 連接不是一個函式，我正在嘗試顯示專案串列：
{photo.locations.map((location) => (
<MenuItem
key={location.id}
value={location.name}
>
{location.name}
</MenuItem>
))}
試圖在我的專案中找到一個錯誤，但一切都是成功的，只有這個讓我的專案崩潰......
網路中有東西：
{locations: [,…]}
locations
:
[,…]
0
:
{id: 1, name: "qfqfqf", createdAt: "2022-11-03T18:12:02.174Z", updatedAt: "2022-11-03T18:12:02.174Z"}
1
:
{id: 2, name: "йайайайа", createdAt: "2022-11-03T18:19:17.210Z", updatedAt: "2022-11-03T18:19:17.210Z"}
2
:
{id: 3, name: "Брест", createdAt: "2022-11-03T18:33:18.335Z", updatedAt: "2022-11-03T18:33:18.335Z"}
3
:
{id: 4, name: "Минск", createdAt: "2022-11-03T18:33:23.103Z", updatedAt: "2022-11-03T18:33:23.103Z"}
4
:
{id: 5, name: "Гродно", createdAt: "2022-11-03T18:33:27.483Z", updatedAt: "2022-11-03T18:33:27.483Z"}
uj5u.com熱心網友回復：
嘗試使用條件渲染：
{phone.locations && <Your code>}
我認為您的代碼崩潰是因為 React 嘗試在您的資料可用之前呈現串列。現在它將檢查資料是否可用，當可用時，它將呈現串列。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/527411.html
上一篇：字串插值（字串格式/模板文字）在.js檔案中不起作用
下一篇：React只渲染陣列中的一個組件