modification et preivous State

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.
 

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 }