React js - 无法检查单选按钮，因为它是只读的，因为检查属性

Question

我的子组件中有单选按钮。根据数据，问题和单选按钮将 populated.each 设置填充将包含两个单选按钮 buttons.value，一个单选按钮是，另一个是否。

我正在尝试在更改支票时检查所有值为 yes 的单选按钮 box.but 用户仍然应该能够进行单独的手动选择。但单选按钮呈现为只读，因为添加了 checked 属性，因为它变成 controlled.how 使单选按钮可手动编辑或检查

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。

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

React js - 无法检查单选按钮，因为它是只读的，因为检查属性

react js - unable to check radio button since itt is read only because of check attribute

javascript

radio-group

reactjs