Javascript 反应单选按钮不更新选择

尝试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'));

类测试扩展了React.Component{
建造师（道具）{
超级（道具）；
此.state={
radioVal：“第一”
}
}
手感选择（e）{
e、 预防默认值（）；
这是我的国家({
radioVal:e.target.value
})
}
render（）{
返回(
1

2

{“选定：”}{this.state.radioVal}
)
}
}
React.render（，document.getElementById（'container'）；

删除

e.preventDefault（）来自
手动选择
。您当初添加这一行有什么原因吗？
oops！！是的，是jQuery习惯造成的错误。