From 1f3c165699567666659c8cc6284321c52c9c6681 Mon Sep 17 00:00:00 2001
From: Jean-Christophe <>
Date: Fri, 19 Jan 2024 15:25:27 +0100
Subject: [PATCH] =?UTF-8?q?modif=20et=20=C3=A9tat=20courant=20:=20pb?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
README.md | 2 ++
src/components/star.component.jsx | 7 ++++++-
2 files changed, 8 insertions(+), 1 deletion(-)
diff --git a/README.md b/README.md
index bcd7f7c..5f55b06 100644
--- a/README.md
+++ b/README.md
@@ -46,6 +46,8 @@ où `tag` peut prendre comme valeur :
voir `/src/components/person.jsx`
* `v5.1` : gestion d'événements
voir `/src/components/star.jsx` et `onClick`
+* `v5.2` : modification et état courant : mise en évidence du problème
+ voir `/src/components/star.jsx`
Faire ```git checkout main``` pour revenir à la version finale.
diff --git a/src/components/star.component.jsx b/src/components/star.component.jsx
index 2777c4b..7d4a08a 100644
--- a/src/components/star.component.jsx
+++ b/src/components/star.component.jsx
@@ -10,7 +10,12 @@ const Star = () => {
const [ on, setOn ] = useState(false) ;
/* onClick listener, turn the star on if not yet */
- const handleClick = event => setOn(true); // event is not used here, could be omitted
+ const handleClick = () => {
+ setOn(!on);
+ console.log(on);
+ setOn(!on);
+ console.log(on);
+ }
return(
<img src = { on ? starOn : starOff }
--
GitLab