From 0575e2cb8a1720e944fe74f77e05cd4c9651f43a Mon Sep 17 00:00:00 2001
From: Jean-Christophe <>
Date: Thu, 11 Jan 2024 14:17:09 +0100
Subject: [PATCH] liste de composants et key
---
README.md | 4 +++-
src/components/personListing.jsx | 5 ++++-
2 files changed, 7 insertions(+), 2 deletions(-)
diff --git a/README.md b/README.md
index d9736c8..6aff103 100644
--- a/README.md
+++ b/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.
diff --git a/src/components/personListing.jsx b/src/components/personListing.jsx
index be0ae3d..0bba56a 100644
--- a/src/components/personListing.jsx
+++ b/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}
--
GitLab