webentwicklung-frage-antwort-db.com.de

Wofür steht JSX?

Wofür steht JSX?

Ich beziehe mich auf die JSX, die als XML-ähnliche Syntaxerweiterung für ECMAScript definiert ist, die mit der zunehmenden Beliebtheit von ReactJS immer beliebter wird.

31
user2977636

JSX steht für J avaS cript X ML. Mit React handelt es sich um eine Erweiterung für XML-ähnlichen Code für Elemente und Komponenten. Per React Docs und wie Sie erwähnt haben:

JSX ist eine XML-ähnliche Syntaxerweiterung für ECMAScript ohne definierte Semantik

Aus dem Zitat oben können Sie erkennen, dass JSX keine Semantik definiert hat. Es handelt sich lediglich um eine Erweiterung von JavaScript, mit der sich XML-ähnlicher Code aus Gründen der Einfachheit und Eleganz schreiben lässt. Anschließend wird das JSX mit in reine JavaScript-Funktionsaufrufe transpiliert. React.createElement . Pro das React-Tutorial:

JSX ist ein Präprozessor-Schritt, der JavaScript um XML-Syntax erweitert. Sie können React definitiv ohne JSX verwenden, aber JSX macht React viel eleganter.

Wie XML haben JSX-Tags einen Tag-Namen, Attribute und Kinder. Wenn ein Attributwert in Anführungszeichen eingeschlossen ist, ist der Wert eine Zeichenfolge. Umschließen Sie den Wert andernfalls in geschweifte Klammern, und der Wert ist der eingeschlossene JavaScript-Ausdruck.

Jeder Code in JSX wird in einfaches JavaScript/ECMAScript umgewandelt. Betrachten Sie eine Komponente namens Login. Jetzt rendern wir es mit JSX so:

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

Wie Sie sehen, erlaubt Ihnen JSX lediglich die Verwendung einer XML-ähnlichen Syntax für Tags, die Komponenten und Elemente in React darstellt. Es ist in reines JavaScript umgesetzt:

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

Sie können mehr in den Dokumenten lesen.

42
Li357

JSXJavaScript steht für Syntaxerweiterung. Es ähnelt XML. Sie können eine einfache syntaktische Transformation von JSX mit React verwenden.

4
nadun

JSX steht für Javascript mit XML-ähnlicher Syntax 

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

das gleiche wie das XML-Format fügt es in die definierte Klasse ein 

0
SANTOSH

JSX - JavaScript-Syntaxerweiterung Ein Präprozessor-Schritt, der JavaScript um XML-Syntax erweitert

0
Crzna