реагировать на js - не удается проверить переключатель, поскольку он доступен только для чтения из-за атрибута check

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 в вашем случае.

Когда вы добавляете атрибут checked к входному радиоэлементу, он становится контролируемым, следовательно, он не редактируется.Итак, если вы хотите изменить его состояние, вы можете сделать это, изменив значение атрибута checked .Я бы предложил поискать Контролируемые и Неконтролируемые элементы в ReactionJS.