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 :
jsxfunction App() {
return <div>
texte
</div>;
}
Les balises peuvent avoir des attributs :
jsxfunction App() {
return <div class="eee">
texte
</div>;
}
Les balises peuvent être enregistrées dans des variables ou des constantes :
jsxfunction App() {
const elem = <div>texte</div>;
return elem;
}
Задание 1
Votre composant principal contient la fonction suivante :
jsxfunction App() {
return <div>
texte
</div>;
}
Modifiez le texte à l'intérieur de la div. Observez les changements survenus dans le navigateur.
Задание 2
Ajoutez plusieurs paragraphes dans la div.
Задание 3
Ajoutez des classes à vos paragraphes.