Question

我正在尝试创建一个List，其中每个ListItem都附加了一个复选框：

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

以下是 onCheck 功能

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

但它没有给我索引，以下是控制台上的值：

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

如何获得正确的索引？

Answer 1

由于您接收参数的顺序错误，您首先会收到event function中传递的参数，然后会收到event object，使用它会打印正确的index ：

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

使用您当前的代码，event的值为index，而index将为event Object，打印event它将打印正确的索引值：

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

如何获取所选复选框的索引或选中其复选框的列表项的名称？

1 个答案: