波かっこで値を出す

React入門 / 全 6 枚

文字を直接書かない

見出しの文字を直接書くと、変えたい場所を毎回探すことになります。React では変数を波かっこで呼び出します。

文字を直接書く

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

データから出す

const profile = {
  name: "あおい",
};

export default function App() {
  return <h1>{profile.name}のプロフィール</h1>;
}

名前を変えるときは profile.name の中身を直すだけで済みます。

1 / 6

← → キーでも送れます