我已經構建了一個React應用程式，我正在從用戶那里獲取所有存盤庫。我試圖用回傳的專案填充下拉串列，但它不起作用。我只得到它為每個存盤庫創建一個下拉串列。
if (!repos || repos.length === 0) return <p>No repos, sorry</p>;
return (
<ul>
<h2 className='list-head'>Available Public Repositories</h2>
{repos.map((repo) => {
return (
<select>
<option>{repo.name}</option>
<select/>
);
})}
</ul>
如何使用回傳的資料填充下拉串列？
uj5u.com熱心網友回復：
這是因為您<select>在map函式內部有標簽。它回傳帶有<select>標簽的每個元素。
因此，您只需要將select標簽從map.
我還添加了一個keyand valuefor <option>。您可以根據repos資料中的內容擁有它
<ul>
<h2 className='list-head'>Available Public Repositories</h2>
<select>
{repos.map((repo) => {
return (<option key={repo.repoId} value={repo.name}>{repo.name}</option> );
})}
<select/>
</ul>
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/336589.html