【react.js】JSX内でのclass属性名について

備忘録として残します。

■やり方

class="zokusei"の書き方はNG。
下記が正しい記法です。

const test = () => (
// 余談ですが、ここはJSX外なので、普通にJSのコメントアウトをする。
  <div className="container">
    {/* classは予約語なので、エラーになるのでclassNameが属性名。 */}
  </div>
);

■余談

Reactを用いてSPAの開発をしているのですが、Vue.jsと違い難しいです・・・。
ですが、四苦八苦しつつもReactを楽しんでます。
それにしても、JSCODEはJSXも認識してコーディングの補助をしてくれるため、非常に助かってます。
少し前まではEclipseとAtomの併用で開発をしていたのですが、新しいプロジェクトにアサインするついでにVSCODEをメインIDEにしてみるといい意味で衝撃なことばかりです。