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を宣言して呼び出して作成および使用できます.
最後に、変数を使用して条件レンダリングを行う方法も使用できます.
写真の最下端のように、変数を使って状況に応じて異なる画面を表示することができます.
Reference
この問題について(JSX), 我々は、より多くの情報をここで見つけました https://velog.io/@dh97k/JSXテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol