React en marche

CHAPITRE 2 Vie d’un composant

Maintenant que vous savez comment utiliser les composants du DOM prêts à l’emploi, il est temps d’apprendre à en créer d’autres.

Pour définir un composant personnalisé, il y a deux façons de faire qui aboutissent au même résultat, mais qui emploient une syntaxe différente :

• utilisation d’une fonction (les composants ainsi créés sont appelés composants de fonction) ;

• utilisation d’une classe qui étend React.Component (les composants ainsi créés sont alors communément appelés des composants de classe).

Composant de fonction personnalisé

Voici un exemple de composant de fonction :

const MyComponent = function() {
  return 'Je suis tellement personnalisé';
};

Mais attendez, il ne s’agit pas que d’une fonction ! Certes, le ...