我是初學者。我想創建一個帶有“選擇”欄位的表單，該欄位將作為選項包含資料庫中的類別串列。這是一個反應應用程式。該檔案是一個 register.js 我用一個 for 回圈在 .ejs 中制作它，但我不知道如何將它翻譯成 js。謝謝您的回答。
<select name="category">
<% for(let i = 0; i < categories.length; i ) { %>
<option value="<%=categories[i].Id%>"><%=categories[i].Name%></option>
<% } %>
</select>
uj5u.com熱心網友回復：
如果我理解正確并且您的類別是在陣列中設定的，您可以使用 React 能夠呈現 JSX 陣列的事實在選擇標記之間實作以下內容：
{categories.map(category => <option key={category.Id} value={category.Id}>{category.Name}</option>)}
您可能必須更改它以適應您構建類別陣列的方式，但只要它是一個陣列，這樣的東西就可以作業。每次你在這里看到大括號時，我們都會從 JSX 進入 JavaScript。如果對此有什么不明白的地方，請告訴我。
編輯：請注意，正如 Carlos Lombardi 指出的那樣，這一切都必須從一個 React 組件函式回傳，該函式在應用程式中被稱為它自己的組件。
編輯 2：感謝 Peter J Langley 指出最好在此處使用密鑰。如果您知道您的 Id 屬性是唯一的，那么這似乎是您的鍵值的自然選擇。
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/422168.html
標籤：
下一篇：將復選框與輸入欄位和標簽垂直對齊