我使用 HTML 和 CSS 創建了一個文本切換按鈕。我在 React 應用程式中使用它，我想在它發生變化時檢測所選選項。例如，如果OR被選中，它應該被存盤在selectedOptionstate 中，如果AND被選中，它應該被存盤。
我用演示制作了一個代碼沙箱（https://codesandbox.io/s/stupefied-snyder-lo530）
任何人都可以幫我解決這個問題嗎？
謝謝
uj5u.com熱心網友回復：
通過添加以下內容設定點擊狀態：
onClick={(e) =>{
selectedOption==="OR" ? setSelectedOption("AND") : setSelectedOption("OR"),
console.log(selectedOption);
}}
uj5u.com熱心網友回復：
As pointed out by @pilchard in comment, e.target.checked can be used to detect true/false and then based on that selectedOption can be set.
onClick={e => {
const currentVal = (e.target as HTMLInputElement).checked;
setSelectedOption(currentVal ? 'AND' : 'OR');
}}
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/310139.html
標籤：javascript 反应 打字稿