const [letters, setLetters] = useState({
A: false,
B: false,
C: false
})
function handleClick(input){
setLetters((prevLetters) => ({
...prevLetters,
[input]: true
}))
}
handleClick("A")
我該如何管理，根據輸入，正確的字母設定為真？因此，如果輸入是 A，則應該在 letters 物件中將其設定為 true。
uj5u.com熱心網友回復：
我認為這里的地圖將是一個不錯的選擇。
const [letters, setLetters] = useState(new Map());
function handleClick (input) {
setLetters(letters.set(input, true));
}
handleClick("A");
如果你希望它input必須是 A、B 或 C，那么你可以使用 if 陳述句：
const [letters, setLetters] = useState(new Map([
["A", false], // default values for map
["B", false],
["C", false],
]));
function handleClick (input) {
if (!letters.has(input)) return; // if map doesnt have it, stop
setLetters(letters.set(input, true));
// can also use letters.set(input, false) to "turn it off"
}
handleClick("A");
uj5u.com熱心網友回復：
這是你想要的？
function handleClick(input) {
setLetters((prevLetters) => ({
letters: {
...prevLetters,
input: true
}
}));
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/428137.html
標籤：javascript 反应