diff --git a/README.md b/README.md index 5f55b06343fe0b75b91ccd2ea96a67027d6dea96..bf5c1a20db3958486b0b7690b98d8adb2dd62589 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 7d4a08a25c65ac58a0eafaeebcf4937546a4f493..5e9c33b3e2890159adc2a752c630673198fbe991 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 }