Introdution to useEffect

투박손·2021년 2월 21일
0

React-Hooks

목록 보기
2/4
post-thumbnail

import React, { useEffect, useState } from "react";
import './app.css';


const App = () => {

const [number, setNumber] = useState(0);
const [aNumber, swtAnumber] = useState(0);

const sayHello = () => console.log("hello")

// useEffect(() => {
//   sayHello();
// })
// useEffect(sayHello, [number]);
useEffect(sayHello, []);

// useEffect는 ComponentDidMount, ComponentWillMonut, ComponentDidUpdate 이다.

  return (
    <div className="App">
      <h1>hello</h1>
      <button onClick={() => setNumber(number + 1)}>{number}</button>
      <button onClick={() => swtAnumber(aNumber + 1)}>{aNumber}</button>
    </div>
  );
};


export default App;
profile
새싹 프론트엔드 개발자입니다.🌱

0개의 댓글