javascript - 如何在 React.js 中使用 div 作为单选按钮选项

Question

我正在尝试在 React.js 中做两个“radio-div”。“radio-div”是一个 div，如果选中，它会更改其背景颜色。有人可以帮我吗？

最后的结果一定是这样的

谢谢你们

标签： javascriptreactjs

Answer 1

如果您想要自定义单选按钮，您可以通过隐藏单选按钮并使用css 相邻选择器display: none定位您的 div 来实现。

看看我在网上找到的这个例子： https ://codepen.io/AngelaVelasquez/pen/Eypnq

寻找input[type=radio]:checked ~ label

更多信息：https ://css-tricks.com/child-and-sibling-selectors/