JSX

React入門 / 全 6 枚

JSXは文字列ではない

return のうしろに h1 のタグがそのまま書けます。クォートで囲むと、ただの文字列になってしまいます。

文字列として書くと

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

JSXとして書くと

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

文字列は画面にそのまま表示され、要素にはなりません。

1 / 6

← → キーでも送れます