Qu'est-ce que le JSX ?
Définition React JSX ?
En React le JSX c'est :
- Le JSX c'est l'abréviation de JavaScript XML.
- JSX permet d'écrire du HTML dans React.
- JSX facilite l'écriture et l'ajout de HTML dans React.
Coder avec du JSX
- JSX nous permet d'écrire des éléments HTML en JavaScript et de les placer dans le DOM sans avoir recours aux méthodes createElement() et/ou appendChild().
- JSX convertit les balises HTML en éléments réactifs.
Exemple
const myElement = <h1>I Love JSX!</h1>;
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(myElement);
Questions fréquentes
Quelle est la signification de JSX
Qu'est-ce que JSX ? JSX est l'abréviation de JavaScript XML. JSX nous permet d'écrire du HTML dans React. JSX facilite l'écriture et l'ajout de HTML dans React.
Est-ce que React et JSX sont la même chose ?
JSX est une syntaxe d'extension JavaScript utilisée dans React pour écrire facilement du HTML et du JavaScript ensemble. Voici un simple code JSX dans React. Mais le navigateur ne comprend pas ce JSX car il ne s'agit pas d'un code JavaScript valide. C'est parce que nous assignons une balise HTML à une variable qui n'est pas une chaîne de caractères mais juste du code HTML.