[React]引数の渡し方がわからない

Question

前提・実現したいこと

reactのライブラリであるreact-sortable-hocを使いたいのですが、onSortEndへの引数の渡し方がわかりません。
デフォルトで{ oldIndex, newIndex }とあるのですが、この中括弧は何でしょうか。
この中括弧の中でも外でもうまく渡すことができませんでした。
わかる方がいましたらコメントお願いします。

発生している問題・エラーメッセージ

引数の渡し方がわからない

該当のソースコード

import React, {Component} from "react";
import {SortableContainer, SortableElement} from 'react-sortable-hoc';
import arrayMove from 'array-move';
 
const SortableItem = SortableElement(({value}) => <li>{value}</li>);
 
const SortableList = SortableContainer(({items}) => {
  return (
    <ul>
      {items.map((value, index) => (
        <SortableItem key={`item-${value}`} index={index} value={value} />
      ))}
    </ul>
  );
});
 
const Sample =()=> {
 //省略
  function onSortEnd({ oldIndex, newIndex, value }) {
    console.log(value);
  }

  render() {
 //省略
    <SortableList
                items={value}
                onSortEnd={() => onSortEnd("ok")}
              />
  }
}
 
export default Sample

Answer 1

{ oldIndex, newIndex, value }という引数指定は、来た引数を分割代入するということです。以下のコードと同じ意味になります。

function onSortEnd(param){
  let oldIndex = param.oldIndex
  let newIndex = param.newIndex
  let value = param.value
}

それぞれのプロパティがあるオブジェクトを渡してください。

Comments

[aiai8976]

デフォルトはonSortEnd={onSortEnd}という状態で、何も指定していなくてもoldIndexとnewIndexを渡すようになっていました。引数を追加したい場合にはどのようにすれば良いのでしょうか。
onSortEnd={onSortEnd({
oldIndex: oldIndex,
newIndex: newIndex,
value: "ok",
})}
このようにすると「oldIndexとnewIndexはありません」となりました。

[maisumakun]

> 「oldIndexとnewIndexはありません」となりました。

受け取ってください。

[aiai8976]

どのように受け取れば良いのでしょうか。

[maisumakun]

onSortEnd={() => onSortEnd("ok")}のように書いていますが、カッコが空なので引数が受け取れていません。

[aiai8976]

理解しました。ありがとうございました。