React: JSX で HTML クラスを作成する

1288 ワード
react devops javascript beginners テキストリンク
  • JSX の違いの 1 つは、クラスという言葉を使用して HTML クラスを定義しないことです.これは、class が JavaScript の予約語であるためです.代わりに、JSX は className を使用します.
  • また、JSX の HTML 属性とイベント参照が camelCase になることにも注意してください.
  • myDiv のクラスを JSX コードで提供されている div に適用しましょう.

    • const JSX = (
  <div className='myDiv'> {/* <--- added a class of myDiv */}
    <h1>Add a class to this div</h1>
  </div>
);


    自動閉鎖


  • JSX では少し異なります.任意の JSX 要素を自己終了タグで記述でき、すべての要素を閉じる必要があります.たとえば、トランスパイル可能な有効な JSX であるためには、改行タグを常に として記述する必要があります.一方、 A は または と書くことができます.違いは、最初のバージョンでは .xml に何も含める方法がないことです. React コンポーネントをレンダリングするときにこの構文が役立つ理由については、後の投稿で説明します.

    • RX72N Envision KitとMH-Z19Bで二酸化炭素濃度を測定する
    RX72N Envision Kit を使った音楽プレイヤー