본문 바로가기

리액트 기기기초

#6.3 Recap

  • useEffect
    • 새로운 데이터가 들어올 때마다, 변화가 일어날 때 컴포넌트를(ui를) 새로고침함
    • 그르나 어떤 코드들은 계속 계속 실행하면 안될 수도 있음 
    • 그렇기 때문에 useEffect를 통해서 우리가 원할 때에 새로고침을 할 수 있음
    • 함수의 인자는 실행하려는 코드, 지켜보려는 것으로만 이루어져 있음  
useEffect(() => {
    console.log("나는 한번만 실행돼용");
  }, []); //처음 실행시에 딱 한번만 실행되고 다시는 하지마라
  useEffect(() => {
      console.log("나는 키워드가 변화할 때 실행됨요");
  }, [keyword]); //시작할 때랑 keyword가 변화할 때 코드를 실행하고 싶다면
  useEffect(() => {
      console.log("나는 카운터가 변화할 때 실행됨요");
  }, [counter]); //시작할 때랑 counter가 변화할 때 코드를 실행하고 싶다면
  useEffect(()=>{
    console.log("나는 카운터랑 키워드가 변화할때 실행됨요")
  }, [keyword,counter]);//시작할 때랑 counter나 keyword가 변화할 때 코드를 실행하고 싶다면

'리액트 기기기초' 카테고리의 다른 글

#7.0 To Do List part One  (0) 2023.03.10
#6.4 Cleanup  (0) 2023.03.10
#6.2 Deps  (0) 2023.03.10
#6.1 useEffect  (0) 2023.03.10
#6.0 Introduction  (0) 2023.03.10