React en marche

CHAPITRE 5 JSX

Vous avez déjà vu JSX en action dans les chapitres précédents. Vous savez qu’il s’agit d’expressions JavaScript contenant du XML qui ressemble beaucoup à du HTML. Par exemple :

const hi = <h1>Bonjour</h1>;

Et vous savez que vous pouvez toujours « interrompre le flux » du XML en incluant d’autres expressions JavaScript entre accolades :

const planet = 'Terre';
const hi = <h1>Hello peuple de la <em>{planet}</em> !</h1>;

Cela est vrai même si les expressions sont des conditions, des boucles ou d’autres expressions JSX :

const rock = 3;
const planet = <em>{rock === 3 ? 'de la Terre' : 'd'un autre endroit'}</em>;
const hi = <h1>Hello habitants {planet}!</h1>;

Dans ce chapitre, vous allez en apprendre davantage sur JSX et explorer certaines ...