react js-由于check属性，itt是只读的，因此无法检查单选按钮

Question

我在子组件中有一个单选按钮。根据数据，问题和单选按钮将被填充。每个填充的集合将包含两个单选按钮。一个单选按钮的值为是，另一个为否。

我试图在更改复选框时检查所有值为yes的单选按钮。但用户仍然应该能够进行单独的手动选择。但是单选按钮是只读的，因为选中的属性是在它成为受控属性时添加的。如何使单选按钮可编辑或手动检查

Answer 1

您可以这样实现。

<input
type="radio"
name="radio1"
checked={this.state.isChecked}
onChange={() => this.setState({isChecked: true})}
/>
<input
type="radio"
name="radio1"
checked={!this.state.isChecked}
onChange={() => this.setState({isChecked: false})}
/>

您可以在您的情况下将isChecked的初始状态设置为true。

当您将选中的属性添加到输入单选元素时，它将变为受控属性，因此不可编辑。因此，如果您想更改它的状态，可以通过更改选中属性的值来实现。我建议在reactjs中查找Controlled和Uncontrolled