web-dev-qa-db-ja.com

JSXは何の略ですか？

JSXは何の略ですか？

私は、ReactJSの人気が高まるにつれて非常に人気になったECMAScriptのXMLのような構文拡張として定義されているJSXについて言及しています。

javascriptreactjsreact-jsx
39
user2977636

JSXは[〜＃〜] j [〜＃〜]ava[〜＃〜] s [〜＃〜]cript[〜＃〜] x [〜＃ 〜]ML。 Reactを使用すると、要素とコンポーネントのXMLのようなコードの拡張機能になります。 React docsおよびあなたが述べたように：

JSXは、セマンティクスが定義されていないXMLに似たECMAScriptの構文拡張です。

上記の引用から、JSXにはセマンティクスが定義されていないことがわかります。これは、単純でエレガントなXMLのようなコードを記述できるJavaScriptの拡張機能であり、JSXを純粋なJavaScript関数呼び出しに変換します- React.createElement 。 Reactチュートリアル：

JSXは、XML構文をJavaScriptに追加するプリプロセッサステップです。あなたは間違いなくJSXなしでReactを使用できますが、JSXはReactをよりエレガントにします。

XMLと同様に、JSXタグにはタグ名、属性、および子があります。属性値が引用符で囲まれている場合、値は文字列です。それ以外の場合は、値を中括弧で囲み、値は囲まれたJavaScript式です。

JSXのコードはすべて、プレーンなJavaScript/ECMAScriptに変換されます。 Loginというコンポーネントを考えてみましょう。 JSXで次のようにレンダリングします。

<Login foo={...} bar={...} />

ご覧のとおり、JSXでは、Reactでコンポーネントと要素を表すタグのXMLのような構文を使用できます。純粋なJavaScriptに変換されます。

React.createElement(Login, { foo: ..., bar: ... });

もっと読むことができます ドキュメントで 。

51
Li357

JSXJavaScriptは構文拡張の略で、XMLに似ています。 Reactで単純なJSX構文変換を使用できます。

4
nadun

JSXは、XMLのような構文を持つJavascriptの略です

 eg.
<div>
</div>
or <td>
</td>

xML形式と同様に、定義されたクラスの戻り形式に配置します

0
SANTOSH

JSX-JavaScript Syntax Extension XML構文をJavaScriptに追加するプリプロセッサーステップ

0
Crzna