В ответ, почему я должен дважды щелкнуть по этому радио?

Question

Этот переключатель не отображается как отмеченный.Когда я нажимаю на него, он становится проверенным.Если вы удалите свойство name, оно будет работать нормально.

это функциональный компонент без состояния (немой).

const dumbComp = ()=>(<input type="radio" name="asdf" checked="true" /> <h1>YO!</h1>)

Я не могу на всю жизнь понять, как наличие или отсутствие'name' влияет на поведение здесь.

Несколько других повторили это (в нашей базе кода).

помогите мне, мой ум тает здесь ...

Edit

НО я не могу скопировать это в jsbin / pen / etc.Это заставляет меня подозревать, что проблема находится где-то выше в стеке.

Это делает вопрос еще одним из ...

Есть ли стек, который будет повторять ошибку с этим компонентом?

Answer 1

Очень просто, просто позвольте штату установить проверенное значение вашего ввода.

Пример:

<input type="radio" onChange={() => onCheck()} name="asdf" checked={this.state.checked} /> <h1>YO!</h1>

когда:

onCheck() => {
  //This reverts the value of checked key
  this.setState({checked: !this.state.checked});
}