リアクションのサファリのラジオボタンでonClickとonChangeが発生しない

Question

ReactJSのラジオボタンでイベントを処理するベストプラクティスは何ですか？ ラジオボタンがサファリで動作しない ドキュメンテーションでは、「イベントの処理」ドキュメントの「onClick」を使用して表示され、「フォーム」ドキュメントの「onChange」を使用して示されています。 onChangeはラジオボタンで1回だけ起動するので、現在はonClickを使用しています。

Answer 1

チェックボックスの例。ラジオボタンではラジオグループがあると思います。

コンストラクタ：

  <div className="col-xs-12"> 
       <label className="label"> 
        <input type="checkbox" name="agreements" checked={this.state.agreements} value={this.state.agreements} onClick={this.handleSwitchChange}/> 
        <span></span> 
        &nbsp;I agree to the term 
       </label> 
      </div> 

編集：関数handleSwitchChange

handleSwitchChange(event){ 
    const target = event.target; 
    const value = target.type === 'checkbox' ? target.checked : target.value; 
    const name = target.name; 
    this.setState({ 
     [name]: value 
    }); 
} 

そしてレンダリング機能では

constructor() { 
    super(); 
    this.state = { 
     agreements: false, 
    }; 
    this.handleSwitchChange = this.handleSwitchChange.bind(this); 
} 

handleSwitchChange機能はレンダリング機能ではありません。）