Introduction au langage JSX dans React
Le langage JSX est un JavaScript ordinaire, mais avec quelques ajouts permettant d'écrire des balises directement dans le code, sans guillemets.
Les balises peuvent être renvoyées via return :
function App() {
return <div>
texte
</div>;
}
Les balises peuvent avoir des attributs :
function App() {
return <div class="eee">
texte
</div>;
}
Les balises peuvent être enregistrées dans des variables ou des constantes :
function App() {
const elem = <div>texte</div>;
return elem;
}
Votre composant principal contient la fonction suivante :
function App() {
return <div>
texte
</div>;
}
Modifiez le texte à l'intérieur de la div. Observez les changements survenus dans le navigateur.
Ajoutez plusieurs paragraphes dans la div.
Ajoutez des classes à vos paragraphes.
