最初の表示

React入門 / 全 5 枚

代表の印がないと表示されない

export default は「このファイルの代表はこれです」という印です。この印がないと、React はどの関数を表示すればよいか分かりません。

export default を書き忘れる

function App() {
  return <h1>あおいのプロフィールサイト</h1>;
}

export default を書いている

export default function App() {
  return <h1>あおいのプロフィールサイト</h1>;
}

React はファイル名だけを知っていて、中の関数の名前までは知りません。だから代表に印を付けます。

1 / 5

← → キーでも送れます