Sommaire

Le langage JSX JSX

Au fur et à mesure, vous verrez que le JSX est un langage très intuitif à utiliser. Voici deux propriétés de base pour ce qui est des balises utilisées :

  • Toute balise commençant par une minuscule (div, span, label, etc.) est réservée aux éléments HTML. Ces éléments sont déclarés par React DOM, et vous obtiendrez une erreur si vous utilisez un élément inexistant.

  • Toute balise commençant par une majuscule (Greetings, App, etc.) doit être déclarée explicitement, ce doit donc être un élément du scope courant : fonction déjà déclarée, composant importé d’une bibliothèque ou d’un autre fichier…

    Cela veut aussi dire que tout composant que vous créerez devra avoir son nom commençant par une majuscule.

Pour ce qui est des propriétés :

  • Une chaîne de caractères constante peut être passée comme en HTML, entre simples ou doubles quotes :name="Sébastien" ou name=Sébastien’.

  • Toute valeur (code JavaScript) peut être passée entre accolades : prop={1}, prop={true}, prop={name}, prop={’Sébastien’} (ce dernier exemple étant exactement équivalent à prop="Sébastien"). Pour les objets, tableaux, fonctions, même principe : prop={{ a: 1, b: 2 }}, prop={[’a’, ’b’]}, ...