【React】同じpropsから複数のローカル変数を取り出す時は、分割代入が便利な件

はじめに

タイトル通りなのですが、同じpropsから複数のローカル変数を取り出す時は、
分割代入が非常に便利です。

分割代入

このようなコードがあるとします。

export const CompanyPanel = memo((props: Props) => {
  const id = props.company.id;
  const name = props.company.name;
  const deleted = props.company.deleted;

分割代入を使うと…

export const CompanyPanel = memo((props: Props) => {
  const { id, name, deleted } = props.company;

このように省略してスッキリと書くことができるので便利です。

参考