2017-04-15 24 views
3

ラジオを試していますが、ラジオの選択でラジオが再生されないという奇妙なことがあります。誰でも下のコードを見て、何が間違っているか教えてください。ラジオボタンの更新が選択されていない

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

答えて

1

handleRadioSelectionからe.preventDefault();を削除します。最初にその行を追加した理由はありますか?

+1

oops !!はい、jQueryの習慣から間違います。 –

関連する問題