web-dev-qa-db-fra.com

Que signifie JSX?

Que signifie JSX?

Je fais référence à JSX qui est défini comme une extension de syntaxe de type XML à ECMAScript, qui est devenu très populaire avec la popularité croissante de ReactJS.

javascriptreactjsreact-jsx
31
user2977636

JSX signifie J avaS cript X ML. Avec React, il s’agit d’une extension du code de type XML pour les éléments et les composants. Selon la documentation de React et comme vous l'avez mentionné:

JSX est une extension de syntaxe de type XML à ECMAScript sans sémantique définie

D'après la citation ci-dessus, vous pouvez voir que JSX n'a ​​pas de sémantique définie, c'est simplement une extension à JavaScript qui permet d'écrire un code de type XML pour plus de simplicité et d'élégance, puis vous transcrivez le JSX en appels de fonction JavaScript purs avec React.createElement . Par le tutoriel React:

JSX est une étape de préprocesseur qui ajoute la syntaxe XML à JavaScript. Vous pouvez certainement utiliser React sans JSX, mais JSX rend React beaucoup plus élégant.

Tout comme XML, les tags JSX ont un nom de tag, des attributs et des enfants. Si une valeur d'attribut est placée entre guillemets, elle est une chaîne. Sinon, placez la valeur entre accolades et la valeur est l'expression JavaScript incluse.

Tout code de JSX est transformé en JavaScript/ECMAScript simple. Considérons un composant appelé Login. Maintenant, nous le rendons comme ça avec JSX:

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

Comme vous pouvez le constater, JSX vous permet simplement d’avoir une syntaxe de type XML pour les balises, représentant des composants et des éléments dans React. C'est transpilé en JavaScript pur:

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

Vous pouvez en lire plus à la documentation .

42
Li357

JSXJavaScript est synonyme d'extension de syntaxe. Il est similaire à XML. Vous pouvez utiliser une simple transformation syntaxique JSX avec React.

4
nadun

JSX signifie Javascript avec une syntaxe similaire à XML 

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

même comme format XML le mettre sous forme de retour dans la classe définie 

0
SANTOSH

JSX - JavaScript Syntax Extension Une étape du préprocesseur qui ajoute la syntaxe XML à JavaScript

0
Crzna