From 962a0b5785f5408af24d3b4aa0894506afe5c753 Mon Sep 17 00:00:00 2001 From: Jean-Christophe <> Date: Fri, 19 Jan 2024 15:42:13 +0100 Subject: [PATCH] modification et preivous State --- README.md | 2 ++ src/components/star.component.jsx | 7 +------ 2 files changed, 3 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index 5f55b06..bf5c1a2 100644 --- a/README.md +++ b/README.md @@ -48,6 +48,8 @@ où `tag` peut prendre comme valeur : voir `/src/components/star.jsx` et `onClick` * `v5.2` : modification et état courant : mise en évidence du problème voir `/src/components/star.jsx` +* `v5.3` : modification et état courant : utilisation d'une fonction en argument de `setOn` pour modifier l'état à partir de la valeur précédente + 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 7d4a08a..5e9c33b 100644 --- a/src/components/star.component.jsx +++ b/src/components/star.component.jsx @@ -10,12 +10,7 @@ const Star = () => { const [ on, setOn ] = useState(false) ; /* onClick listener, turn the star on if not yet */ - const handleClick = () => { - setOn(!on); - console.log(on); - setOn(!on); - console.log(on); - } + const handleClick = () => setOn( previousOn => ! previousOn ); return( <img src = { on ? starOn : starOff } -- GitLab