JSXの決まり

React入門 / 全 6 枚

class でなく className

JSX の属性名は、ブラウザの DOM API に合わせます。CSS の class は JSX では className です。

HTMLの感覚で書く

<div class="profile">
  <h2>あおい</h2>
</div>

JSXの書き方

<div className="profile">
  <h2>あおい</h2>
</div>

class と書いても画面には出ますが、開発中に className へ直すよう警告されます。

1 / 6

← → キーでも送れます