Lifecycle & Hook

Lifecycle & Hook

class로 만든 컴포넌트에서 사용가능합니다.

❗ class 컴포넌트 작성하는 곳 안에 그냥 대충 작성하시면 됩니다. 가장 유용한 Hook 두개는

1. componentDidMount()
2. componentWillUnmount() 입니다.
   
   
   
   

〰 function 컴포넌트에서 사용하는 useEffect 훅

import React, {useState, useEffect} from 'react';
function Detail(){
  useEffect(()=>{
    //코드를 적습니다 여기
  }); 
  return (
    <HTML많은곳/>
  )
}

1. 미리 페이지 상단에서 useEffect를 import 해오신 후
2. useEffect() 를 사용하셔야합니다.
3. 그리고 안에 콜백함수를 집어넣습니다.
4. 콜백함수 안에는 컴포넌트가 첫 등장하고나서 실행하고싶은 코드가 있으면 적어주면 됩니다.