javascript - 反应：检测自定义开关按钮上的选定选项

Question

我使用 HTML 和 CSS 创建了一个文本切换按钮。我在 React 应用程序中使用它，并且我想在所选选项更改时检测它。例如，如果OR被选中，它应该被存储在selectedOption状态中，如果AND被选中，应该被存储。

我用演示制作了一个代码沙箱（https://codesandbox.io/s/stupefied-snyder-lo530）

谁能帮我解决这个问题？

谢谢

标签： javascriptreactjstypescript

Answer 1

通过添加以下内容设置单击状态：

onClick={(e) =>{ 
     selectedOption==="OR" ? setSelectedOption("AND") : setSelectedOption("OR"),
    console.log(selectedOption);
    }}