我如何做到这一点，以便当我选中一个单选按钮时，相同表单中的另一个单选按钮在 React 中被取消选中？

Question

在下面的表单中，当我单击第一个单选按钮然后单击第二个单选按钮时，两者都保持选中状态。我想要的行为是当我点击单选按钮时，另一个单选按钮会自动取消选中。我正在使用带有样式组件的 React.js。

<form>
<input type="radio"/>
<input type="radio"/>
</form>

Answer 1

您已为每个单选按钮指定一个名称属性，其值与“group1”相同。像这样：

<form>
<input type="radio" name="group1"/>
<input type="radio" name="group1"/>
</form>

Answer 2

为所有单选按钮指定相同的名称（但值不同）。

<form>
<input type="radio" name="radio" value="1"/> 1st
<input type="radio" name="radio" value="2"/> 2nd
</form>

How do I make it so that when I check one radio button, the other radio button in the same form get unchecked in React?