Условный повторный рендеринг радио не выполняется с текущим значением состояния после того, как я рендерил это значение один раз ранее?

Question

Я уже выбираю (Мужской) эту запись один раз, прежде чем выбрать вторую запись (Женский) * Состояние обновляется при выборе записи

Answer 1

Возможно, вы что-то забыли или неправильно реализовали, поскольку вы не предоставили код, который я прилагаю, исходя из предположения, что вы используете компонент класса ...

import React from "react";
export default class RadioButtons extends React.Component {
  constructor() {
    super();
    this.state = {
      selectedOption: 'Male'
    };
}

  radioChange = (e) => {
    this.setState({
      selectedOption: e.currentTarget.value
    });
  }

  render() {
    return (
      <div>

        <input type="radio"
               value="Male"
               checked={this.state.selectedOption === "Male"}
               onChange={this.radioChange} />Male

        <input type="radio"
               value="Female"
               checked={this.state.selectedOption === "Female"}
               onChange={this.radioChange}/>Female

        <input type="radio"
               value="Other"
               checked={this.state.selectedOption === "Other"}
               onChange={this.radioChange}/>Other

        <h3>this.state.selectedOption: {this.state.selectedOption}</h3>
      </div> 
    );
  }
}

вот ссылка песочница