React单选按钮不更新选择

Question

尝试React无线电，但奇怪的是，无线电选择不会更新其视图。任何人都可以看看下面的代码，让我知道什么是错的？

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();。首先添加该行是否有原因？