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，然后在渲染器中使用它时，单击一个项目时，它将同时为所有元素调用handleClick函数。该怎么办？

Answer 1

像这样调用点击事件。

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

反应可排序的。 <sortableelement>上的onClick事件

1 个答案: