選択したチェックボックスのインデックスを取得する方法またはチェックボックスが選択されているリストアイテムの名前を取得する方法はありますか？

Question

私はすべてのListItemのチェックボックス付属していた中でリストを作成しようとしています：

<List> 
    { 
     name.map((row,index) =>(
     <ListItem 
      key={index} 
      leftCheckbox={<Checkbox onCheck={checkBoxSelect.bind(this, index)}/>} 
     > 
      {name[index]} 
     </ListItem> 
    )) 
    } 
</List> 

後は

checkBoxSelect(event, index){ 
    console.log(index); 
} 

oncheckを機能ですが、それは私にインデックスを与えていないが、次は上の値でありますコンソール：

Proxy {dispatchConfig: Object, _targetInst: ReactDOMComponent, nativeEvent: 
MouseEvent, type: "change", target: input…} 

正しいインデックスはどのように取得できますか？

Answer 1

あなたはパラメータを受信される順序は、間違っているので、あなたがevent functionに渡しているパラメータがevent object、最初に受信されます、それは正しいindexを印刷します、これを使用します。

checkBoxSelect(index, event){ 
    console.log(index); 
} 

現在で

checkBoxSelect(event, index){ 
    console.log(event); 
} 

：コード、 eventは indexと indexの値を持つことになりますが event Object、印刷 eventを持つことになり、それは正しいインデックス値を出力します