проблема с простой сеткой фильтра в приложении reactjs

Question

Я сталкиваюсь с проблемой в простом фильтре, когда я нажимаю кнопки «И» и «Или», обе кнопки остаются выбранными. Я хочу исправить эту проблему. Пожалуйста, помогите мне. простая проблема с фильтром

Answer 1

Думаю, это поможет решить вашу проблему.

    this.state = {
      name: "React"
    };
    this.onValueChange = this.onValueChange.bind(this);
    this.formSubmit = this.formSubmit.bind(this);
  }

  onValueChange(event) {
   this.setState({
      selectedOption: event.target.value
    });
  }

  formSubmit(event) {
    event.preventDefault();
    console.log(this.state.selectedOption)
  }

  render() {
    return (
      <form onSubmit={this.formSubmit}>
        <div className="radio">
          <label>
            <input
              type="radio"
              value="AND"
              checked={this.state.selectedOption === "AND"}
              onChange={this.onValueChange}
            />
            AND
          </label>
        </div>
        <div className="radio">
          <label>
            <input
              type="radio"
              value="OR"
              checked={this.state.selectedOption === "OR"}
              onChange={this.onValueChange}
            />
            OR
          </label>
        </div>
      </form>
    );
  }
}