反应单选按钮不更新选择

Question

尝试使用 React radio，但奇怪的是 radio 选择不会更新其视图。谁能看看下面的代码并告诉我哪里出了问题？

  class Test extends React.Component {
    constructor(props){
    super(props);

    this.state = {
      radioVal: "first"
    }
  }

  handleRadioSelection(e){
    e.preventDefault();

    this.setState({
      radioVal:e.target.value
    })
  }

    render(){
      return (
        <div>
            <label>
            <input type="radio" onChange={this.handleRadioSelection.bind(this)} 
            checked={ this.state.radioVal==="first"} 
            value="first" 
            name="radio1" /> 1 <br />
          </label>

          <label>
            <input type="radio" onChange={this.handleRadioSelection.bind(this)} 
            checked={this.state.radioVal==="second"} 
            value="second" 
            name="radio1" /> 2 <br />
          </label>
            { "Selected: " } {this.state.radioVal}
        </div>
    )
  }
}

React.render(<Test />, document.getElementById('container'));

Answer 1

从 handleRadioSelection 中删除 e.preventDefault();。您首先添加该行的原因是什么？

反应单选按钮不更新选择

React radio button not update selection

javascript

radio

reactjs