Qu'est-ce que JSX en réaction

react JSX est une extension de syntaxe JavaScript utilisée dans l'architecture React. Son format ressemble plus à un langage de modèle, mais en fait, il est entièrement implémenté dans JavaScript. Il s'agit d'un ensemble développé pour React.js Syntactic ; le sucre est également la base de React.js.

L'environnement d'exploitation de cet article : système Windows10, React 16, ordinateur Thinkpad T480.

Recommandé : "Tutoriel vidéo React"

Qu'est-ce que JSX en React ?

JSX est JavaScript XML, qui est un format qui combine Javascript et XML.

JSX est une extension de syntaxe JavaScript utilisée dans l'architecture React. Son format ressemble plus à un langage de modèle, mais en fait, il est entièrement implémenté dans JavaScript. Les éléments sont la plus petite unité qui constitue une application React. JSX est utilisé pour déclarer des éléments dans React utilise JSX pour décrire l'interface utilisateur.

JSX est un ensemble de sucres syntaxiques développés pour React.js et constitue également la base de React.js. React peut toujours fonctionner sans utiliser JSX. Cependant, l'utilisation de JSX peut améliorer la lisibilité des composants, il est donc recommandé d'utiliser JSX.

Voici le site officiel : http://facebook.github.io/jsx/

Caractéristiques de JSX

Vous pouvez écrire du langage HTML directement dans Dans le langage JavaScript, sans aucun guillemet, c'est la syntaxe de JSX, qui permet le mélange du HTML et du JavaScript.

JSX permet d'insérer des variables JavaScript directement dans les modèles. Si cette variable est un tableau, tous les membres du tableau sont développés.

Attaques anti-injection

Il est sûr d'intégrer les entrées de l'utilisateur dans JSX ;

React DOM filtre toutes les valeurs entrantes par défaut avant le rendu. Il garantit que l'application n'est pas vulnérable aux attaques par injection. Tout le contenu est converti en chaînes avant le rendu. Cela peut empêcher efficacement les attaques XSS (cross-site scripting)

Le traducteur Babel convertira JSX en un appel de méthode appelé React.createElement().

Si vous souhaitez écrire la syntaxe jsx en HTML ordinaire, vous devez changer le type de script en text/jsx En effet, la syntaxe JSX unique de React n'est pas compatible avec JavaScript. Partout où JSX est utilisé, type="text/jsx" doit être ajouté. Deuxièmement, React fournit deux bibliothèques : react.js et JSXTransformer.js, qui doivent être chargées en premier. Parmi eux, la fonction de JSXTransformer.js est de convertir la syntaxe JSX en syntaxe JavaScript. Cette étape prend beaucoup de temps et doit être effectuée sur le serveur lorsqu'il est réellement en ligne.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!