Maintenant que vous savez gérer des états dynamiques, et afficher du contenu en fonction d’une condition, nous allons apprendre à répéter automatiquement un bloc de JSX pour chaque élément d’une liste.

C’est une technique indispensable en React, car la majorité des interfaces affichent des listes de données : articles, produits, messages, utilisateurs, etc.

Un cas concret

Imaginons que vous avez une liste de prénoms, et que vous souhaitez afficher un paragraphe pour chacun d’eux :