<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Données et composants :: App Web</title><link>https://cegepmv.github.io/420-211/2-dda/4-donnees-composants/index.html</link><description>Mise en correspondance Il est courant de générer dynamiquement des composants à partir d’un tableau de données. Cela se fait généralement avec la méthode map().
Exemple de liste d’éléments dynamiques const users = [ { id: 1, name: "Alice", age: 30 }, { id: 2, name: "Bob", age: 25 }, { id: 3, name: "Charlie", age: 35 } ]; function UserList() { return ( &lt;ul> {users.map(user => ( &lt;li key={user.id}>{user.name} - {user.age} ans&lt;/li> ))} &lt;/ul> ); } Dans cet exemple, chaque élément de la liste est généré dynamiquement en utilisant map(), et un key unique est attribué à chaque élément pour améliorer les performances de React.</description><generator>Hugo</generator><language>fr-fr</language><atom:link href="https://cegepmv.github.io/420-211/2-dda/4-donnees-composants/index.xml" rel="self" type="application/rss+xml"/></channel></rss>