Jusqu’ici, nous avons appris à créer des états réactifs avec useState, ou à utiliser des props pour transmettre des données à un composant.

Mais parfois, vous avez besoin de dériver une valeur à partir de ce que vous avez déjà, par exemple :

• Calculer un total à partir d’un tableau de prix
• Afficher un texte différent en fonction de l’utilisation
• Etc…

Ces variables intermédiaires sont des variables calculées (ou dérivées) : elles ne sont pas directement stockées dans l’état, mais générées dynamiquement à partir d’autres valeurs.

Imaginons une application où l’on connaît un prénom et un âge, et on veut afficher une phrase complète :