propsに型を付ける

React実践 / 全 6 枚

型が無いと止まらない

型を書かないと、props の名前を打ち間違えても実行するまで気づけません。

型を書かない

function ItemCard(props) {
  return <p>{props.titel}</p>;
}

型を書く

function ItemCard(
  props: ItemCardProps
) {
  return <p>{props.titel}</p>;
}

右はこの打ち間違いに、書いているその場で気づけます。

1 / 6

← → キーでも送れます