Javascriptの分割代入について

Reactを触っていて下のように突然{}の引数が出てきて「なんだこれ？？」となりました。

onSortEnd = ({oldIndex, newIndex}) => {
    this.setState(({items}) => ({
      items: arrayMove(items, oldIndex, newIndex),
    }));
  };
  render() {
    return <SortableList items={this.state.items} onSortEnd={this.onSortEnd} />;
  }

結論

これは分割代入と呼ばれるものらしくて、以下と同じみたいです。要は、オブジェクトが渡されていて{}とすることで勝手に代入してくれているみたいです。

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