react.jsのチェックボックスの値を取得

Question

私はreact.jsにかなり新しく、チェックされたときに自分のチェックボックスの値を取得したいと思います。 ...それがチェックされると、誰かがチェックボックスの値を取得する方法を私に案内することができます。

私はこの "http://react-component.github.io/checkbox/"を使用しています。 私のコードは次のようになります。

  <div className="user_box"> 
        { 
         check.map((values , i)=>{ 


          return <Checkbox 
           name = "checkbox" 
          onChange={this.checkvalue.bind(this)} 
          value={values.username} 
          /> 

         }) 
        } 
         </div> 

私の機能

 checkvalue(e){ 

     //var all_users = []; 
     //var value = this.checkbox.value; 
     //all_users.push(value); 
     //console.log(all_users); 

     console.log('checkbox checked:', (e.target.checked)); 

    } 

はまだそれの値を取得する方法を取得していない...

も君たちいくつかのより良いアイデアならば、私を導いてください。おかげ

Answer 1

あなたは "あなたのハンドラにE、合成イベント・パラメータ" を渡す必要があります。これを試してみてください

handleChange(e) { 
    let isChecked = e.target.checked; 
    // do whatever you want with isChecked value 
} 

render() { 
    // ... your code here 
    return (
    {/* your other jsx here */} 
    <Checkbox otherProps onChange={e => this.handleChange(e)} /> 
    {/* your other jsx here */} 
); 
} 

Answer 2

：

getChckeboxValue(event) { 
    const value = event.target.value; 
} 

では、レンダリング：

<input onClick={this.getChckeboxValue.bind(this)} type="checkbox" value="Text" />