라디오 버튼이 선택 업데이트되지 않음

Question

리얼리 라디오를 시도하고 있지만 이상한 점은 라디오 선택이 해당 라디오 버튼을 업데이트하지 않는다는 것입니다. 누구든지 아래의 코드를 살펴보고 무엇이 잘못되었는지 알려 줄 수 있습니까?

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();을 제거하십시오. 처음부터 그 라인을 추가 한 이유가 있습니까?