【React初心者メモ】アロー関数

アロー関数とは

アロー関数とは、JavaScriptで関数を簡潔に書くための表現です。

通常の関数：

function greet(name) {
  return "Hello, " + name;
}

アロー関数：

const greet = (name) => {
  return "Hello, " + name;
};

様々な書き方

戻り値の型を指定する

const func = (x: number): number => {
  return x * 2;
};

1つの引数の場合はカッコ省略可能

const greet = name => {
  return "Hello, " + name;
};

処理が1行（returnだけ）の場合は中括弧（{}）とreturnも省略できる

const greet = name => "Hello, " + name;

onst sayHello = () => "Hello!";