liste de composants et key

README.md

@@ -41,6 +41,8 @@ où `tag` peut prendre comme valeur :
 * `v4.6-problem` : génération d'une liste de composants, à l'aide de `map()`  
   voir `/src/components/personListing.jsx`    
     /!\\ mais **cette version pose problème** car il manque la gestion de la propriété `key` : voir dans la console  
+* `v4.6` : génération d'une liste de composants avec gestion de la propriété `key`   
+
 
 Faire ```git checkout main``` pour revenir à la version finale.
 

src/components/personListing.jsx

@@ -7,7 +7,10 @@ import Person from './person.jsx';
 * Here a list of components is built, but no "key" property is provided => /!\ pb, see console
 */
 const PersonListing = ({ persons , children }) => {
-      const personComponents = persons.map(person => <Person {...person} />);
+      const personComponents = persons.map(person => <Person 
+                                                         {...person}
+                                                         key={person.id} 
+                                                      />);
       return (
          <div>
             {personComponents}