JSX


JSX?


JSXは、JavaScriptとHTMLを混在させて使用できる応答技術です.
これは、HTMLの使用を容易にするためのコンポーネントフォーマットです.
JSXはクローズのルールを使用し,図示のように直接クローズしたself終了フラグを使用する.
JSXはまた、親要素を使用する必要があります.
=>JSXを使用してコンポーネントを作成して戻すには、トップレベルのラベルにバインドする必要があります.
一番上のラベルReactを使わないようにFramework要素を使えばいいです.
使用方法は以下のコードのように使用できます.
import React from "react"

<React.Fragment>
</React.Fragment>
また、不便を感じたユーザは、<>のように空のラベルを使用することもできる.

JSXスタイル


JSXは通常のHTMLのようにCSSを使って飾ることもできます.
ここで注意すべき点は、ReactでHTMLタグに使用されるclassの保持語がclassNameであることです.
通常使用されるCSS方式はボトムと同じです.

2つ目はJSX内部でObject形式で使用する方法です.

画像のようにオブジェクト形式で作成し、HTML要素のプロパティセクションでstyleを宣言して呼び出して作成および使用できます.
最後に、変数を使用して条件レンダリングを行う方法も使用できます.
写真の最下端のように、変数を使って状況に応じて異なる画面を表示することができます.