Я использую библиотеку реагировать-сортируемый-hoc, чтобы отсортировать список предметов.Больше, чем просто перечисление, мне нужно запустить функциональность при нажатии на один элемент.Перечисление и сортировка и все работает нормально.Как я могу передать реквизит, который должен называться clickFunction()
, который утешает имя, когда я щелкаю по имени, указанному через SortableItem
?
import {SortableContainer, SortableElement, arrayMove} from 'react-sortable-hoc';
const SortableItem = SortableElement(({value}) => <li>{value.first_name}</li>);
const SortableList = SortableContainer(({items}) => {
return (
<ul>
{items.map((value, index) => (
<SortableItem key={`item-${index}`} index={index} value={value} />
))}
</ul>
);
});
class Details extends React.Component {
clickFunction(name) {
console.log(name)
}
onSortEnd({oldIndex, newIndex}) {
this.setState({
testlist: arrayMove(this.state.testlist, oldIndex, newIndex),
});
};
render() {
return (
<div>
<SortableList items={this.state.testlist} onSortEnd={this.onSortEnd.bind(this)} pressDelay="200" />
</div>
)
}
}