3.18 un regard plus attentif sur JSX

Maintenant on va se retrouver dans le app.js pour importer react alors comme d'habitude ça ne change pas vous écrivez toujours import cette fois vous me mettez un r majuscule react from et là dans les bars vous mettez react on import react dans cette page dans la page app.js maintenant laissez-moi vous montrer comment s'aficherait ce code si on utiliserai pas cette syntaxe on va aller en haut et on va écrire return comme tout a l'heure pour importer react react avec un M majuscule point élément avec un E majuscule entre parenthèses. vous mettez une div

le deuxième argument c'est un objet qui configure cet élément en particulier c'est un objet qui définit tous les attributs de cet élément se dit il n'a aucun attribut pour l'instant on peut donc ici passer dans un objet vide le troisième argument concerne maintenant le contenu entre la taxe sur les appareils d'ouverture et de fermeture. vous pouvez Maintenant avoir une liste infiniment longue d'arguments qui sont deux éléments de contenu différent entre la taxe d'ouverture ce qu'on va faire on va encore une fois marqué Réact et on va en fait recopier un peu le éléments qu'on avait part au début on va remettre entre parenthèses mais cette fois dans les parenthèses on va mettre le h2 vous allez comprendre pourquoi est dans le hall 2 pareil qu'avec la DIV

on va rajouter ceci pour que ce soit un peu plus lisible on va bien sûr arranger tout ça comme ceci dedans on va mettre lets get started et en dessous vous reprenez la même chose react create élément pour le colis si comme ça. et dedans on va mettre depense toujours dans depense vous mettez une virgule item : depense maintenant je vous invite à copier import react et on va le mettre partout dans notre composant il faut le mettre dans tout nos dossiers c'est trés important bien sûr on va retser sur notre premier code c'est beaucoup plus pratique d'utiliser ce code mais au moins vous savez qu'on peut utiliser aussi cette façon de faire on se retrouve pour le prochain cours