新的反應開發人員在這里，試圖通過編碼學習，在這里我堅持使用簡單的選擇元素，我有選擇元素并在其中使用地圖填充選項，我也在安慰在地圖中記錄我的資料并獲得 '50 獲取資料 FUNDING_ACCOUNT '。
我想要實作的是：用戶單擊并獲取“data.name”作為下拉串列的選擇元素，我的錯誤在哪里？
英語不是我的母語，所以可能會出現錯誤。
我正在使用 fetch 填充“setUpdateSelect”
我的代碼：
const [updateSelect, setUpdateSelect] = useState([]);
<select>
{updateSelect.map((data) => {
console.log("getting data", data.name);
<option key={data.name} value={data.name}>
{data.name}
</option>;
})}
</select>uj5u.com熱心網友回復：
使用 map 函式，它應該回傳一些東西。在您的地圖函式中，它不會回傳任何內容。
修改后的代碼
{updateSelect.map((data) => {
console.log("getting data", data.name);
return (
<option key={data.name} value={data.name}>
{data.name}
</option>
);
})}
現在應該可以正常作業了。
謝謝，
阿吉斯·查克拉博蒂。
uj5u.com熱心網友回復：
const [updateSelect, setUpdateSelect] = useState([]);
<select>
{updateSelect.map((data) => {
return( console.log("getting data", data.name);
<option key={data.name} value={data.name}>
{data.name}
</option>;)
})}
</select>
uj5u.com熱心網友回復：
對于重新渲染，您可以像這樣使用；
const [updateSelect, setUpdateSelect] = useState([]);
const [loading, setLoading] = useState(false);
useEffect(() => {
setLoading(true);
setUpdateSelect(yourdata);
setLoading(false);
},[yourdata])
return !loading ? (
<select>
updateSelect.map((data, index) => (
<option key={index} value={data.name}>
{data.name}
</option>
)
</select>
) : null;
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/418660.html
標籤：