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