From cc0f8ed9f06f6de220c93ef6986b2ddeef0d57f9 Mon Sep 17 00:00:00 2001
From: Jean-Christophe <>
Date: Thu, 25 Jan 2024 12:14:57 +0100
Subject: [PATCH] =?UTF-8?q?useEffect=20et=20d=C3=A9pendance?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/person.component.jsx |  8 ++++----
 src/components/person_class.jsx     | 22 ----------------------
 2 files changed, 4 insertions(+), 26 deletions(-)
 delete mode 100644 src/components/person_class.jsx

diff --git a/src/components/person.component.jsx b/src/components/person.component.jsx
index 776ad12..a8771be 100644
--- a/src/components/person.component.jsx
+++ b/src/components/person.component.jsx
@@ -7,10 +7,10 @@ const Person = ( { name = 'Anonymous', age, started, delay } ) => {
    const [ currentAge, setCurrentAge ] = useState(age);
    
    useEffect( () => {
-      if (started) {
-         setInterval( () => setCurrentAge( previousCurrentAge => previousCurrentAge + 1 ), delay);
-      
-   }, [started]);
+         if (started) {
+            setInterval( () => setCurrentAge( previousCurrentAge => previousCurrentAge + 1 ), delay);
+         }
+      }, [started] );
 
    return (
       <div className="person">Here is :
diff --git a/src/components/person_class.jsx b/src/components/person_class.jsx
deleted file mode 100644
index 4ab55cb..0000000
--- a/src/components/person_class.jsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import React from 'react';
-
-import '../style/person.css';
-
-/*
- * define component as a class that extends React.component
-*/
-export default class Person extends React.Component {
-   constructor(props) {
-      super(props);
-   }
-
-   render() {
-      const { name , age } = this.props;
-
-      const view = <div className="person">Here is :
-         <div>name : <span>{ name }</span> </div>
-         <div>age  : <span>{ age }</span> </div>
-      </div>
-      return view;
-   }
-}
-- 
GitLab