useEffect et nettoyage (bis)

README.md

@@ -56,10 +56,11 @@ où `tag` peut prendre comme valeur :
   voir `/src/components/person.component.jsx` 
 * `v5.7` : utilisation du hook `useRef`  et complément dépendances de `useEffect`  
   voir `/src/components/person.component.jsx` 
-* `v5.8` :mise en oeuvre de la fonction de nettoyage du `useEffect`  
+* `v5.8` : mise en oeuvre de la fonction de nettoyage du `useEffect`  
+  voir `/src/components/person.component.jsx` 
+* `v5.9` : mise en oeuvre de la fonction de nettoyage du `useEffect`, appel à chaque exécution du hook   
   voir `/src/components/person.component.jsx` 
 
-  
 Faire ```git checkout main``` pour revenir à la version finale.
 
 

src/components/person.component.jsx

@@ -7,8 +7,7 @@ const Person = ( { name = 'Anonymous', age, started, delay } ) => {
 const [ currentAge, setCurrentAge ] = useState(age);
 const timer = useRef( undefined );
 
-useEffect( () => {
-   clearInterval( timer.current );
+useEffect( () => {   
       if (started) {
          timer.current = setInterval( () => { 
                                              setCurrentAge( previousCurrentAge => previousCurrentAge + 1 );
@@ -16,7 +15,7 @@ useEffect( () => {
                                        }, delay);
       }
       return () => { 
-                     console.log('cleanup');
+                     console.log(`cleanup ${delay}`);
                      clearInterval( timer.current );
                    }
    }, [started, delay] );