アロー関数の復習

React入門 / 全 6 枚

同じ処理をアロー関数で書く

左は function を使った書き方、右は同じ処理をアロー関数で書いたものです。

function を使った書き方

const toDisplayName = function (name, title) {
  return name + "（" + title + "）";
};

アロー関数で書いたもの

const toDisplayName = (name, title) => {
  return name + "（" + title + "）";
};

function が消えて、引数のうしろに矢印が付きました。処理の中身は変わりません。

1 / 6

← → キーでも送れます