Skip to content
Snippets Groups Projects
Commit 94440dd2 authored by Jean-Christophe's avatar Jean-Christophe
Browse files

useEffect et nettoyage (bis)

parent c109c4a3
No related branches found
No related tags found
No related merge requests found
...@@ -58,7 +58,8 @@ où `tag` peut prendre comme valeur : ...@@ -58,7 +58,8 @@ où `tag` peut prendre comme valeur :
voir `/src/components/person.component.jsx` 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` 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. Faire ```git checkout main``` pour revenir à la version finale.
......
...@@ -8,7 +8,6 @@ const [ currentAge, setCurrentAge ] = useState(age); ...@@ -8,7 +8,6 @@ const [ currentAge, setCurrentAge ] = useState(age);
const timer = useRef( undefined ); const timer = useRef( undefined );
useEffect( () => { useEffect( () => {
clearInterval( timer.current );
if (started) { if (started) {
timer.current = setInterval( () => { timer.current = setInterval( () => {
setCurrentAge( previousCurrentAge => previousCurrentAge + 1 ); setCurrentAge( previousCurrentAge => previousCurrentAge + 1 );
...@@ -16,7 +15,7 @@ useEffect( () => { ...@@ -16,7 +15,7 @@ useEffect( () => {
}, delay); }, delay);
} }
return () => { return () => {
console.log('cleanup'); console.log(`cleanup ${delay}`);
clearInterval( timer.current ); clearInterval( timer.current );
} }
}, [started, delay] ); }, [started, delay] );
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment