091224 TIL

useEffect 

 

useEffect ( ()=>{ })

 

랜더링 될때 마다 실행됨

 

 React에서 화면이 처음에 렌더링되거나

 

state나 props가 바뀔 때 특정 작업을 수행할 수 있게 해주는 도구

 

화면에 뭔가를 보여주거나 데이터를 불러오는 작업을 할 때 사용

 

"화면이 처음으로 그려질 때 또는 어떤 값이 바뀔 때 뭔가를 하게 해줘!" 

 

useEffect is a React Hook that lets you synchronize a component with an external system.

Synchronizing with Effects – React

 

// src/App.js

import React, { useEffect } from "react";

const App = () => {

  useEffect(() => {
// 이 부분이 실행된다.
    console.log("hello useEffect");
  });

  return <div>Home</div>;
}

export default App;