react-sortable-hoc。<SortableElement/>上的onClick事件

Question

 const SortableItem = SortableElement(({ i, value}) =>
            <ListItem button   onClick={this.handleClick(i, value.title)}>
                <ListItemText primary={<div className={classes.title}>{value.title}</div>}/>
            </ListItem>
    );

当我在SortableContainer中调用此SortableItem，然后在render中使用它时，当单击一个项目时，它会同时为所有元素调用handleClick函数。该怎么办呢？

Answer 1

调用click事件，如下所示。

<ListItem button   onClick={()=> this.handleClick(i, value.title)}>