以下のonSortEndにおいて引数を渡したいときはどうすれば良いでしょうか。
const Sample =()=> {
//省略
function onSortEnd({ oldIndex, newIndex }) {
console.log(value);
}
render() {
//省略
<SortableList
items={value}
onSortEnd={onSortEnd}
/>
}
}
結論
やることは二つ。
- 分割代入だからonSortEndの呼び出しでオブジェクトを渡す
- コールバック関数の引数で引数を受け取る
function onSortEnd({ oldIndex, newIndex, category }) {
console.log(category);
}
<SortableList
items={value}
onSortEnd={({ oldIndex, newIndex }) =>
onSortEnd({
oldIndex: oldIndex,
newIndex: newIndex,
category: category,
})
}
/>