因此，當我選擇第一個選項時，下拉串列下方應顯示 5 個按鈕，第二個選項應有 9 個按鈕（每個選項都不同），我應該為按鈕創建 json 嗎？我不知道該怎么做，請幫幫我
uj5u.com熱心網友回復：
您希望將所選專案的狀態存盤在select元素中。
然后使用這個值來“有條件地呈現”不同的按鈕。
看看這個代碼和框。
import { useState } from "react";
export default function App() {
const [selected, setSelected] = useState("op1");
const selectionChanged = (e) => setSelected(e.target.value);
return (
<div className="App">
{/* SELECT COMPONENT */}
<select value={selected} onChange={selectionChanged}>
<option value="op1">Option 1</option>
<option value="op2">Option 2</option>
</select>
{/* IF OPTION 1 IS SELECTED */}
{selected === "op1" && (
<>
<button>Button 1</button>
<button>Button 2</button>
</>
)}
{/* IF OPTION 2 IS SELECTED */}
{selected === "op2" && (
<>
<button>Button 3</button>
<button>Button 4</button>
<button>Button 5</button>
</>
)}
</div>
);
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/364569.html