const SortableItem = SortableElement(({ i, value}) =>
<ListItem button onClick = {this.handleClick(i, value.title)}>
<ListItemText primary = {<div className = {classes.title}>{value.title}</div>}/>
</ListItem>
);
когда я вызываю этот SortableItem в SortableContainer, а затем использую его при рендеринге, при щелчке по одному элементу он вызывает функцию handleClick для всех элементов одновременно. Что делать?





Вызовите событие клика, подобное этому.
<ListItem button onClick = {()=> this.handleClick(i, value.title)}>
как насчет {(e)=> {this.handleClick(i, value.title)}}
handleClick = (индекс, значение) => {console.info (индекс, значение); };
{(e) => {this.handleClick (i, value.title)}} это тоже не помогает
Я пробовал этот случай, но он не работал, теперь он не вызывает handleClick.