React 강의 6일차

UseEffect------

useEffect(() => {
    console.log("Search for ", keyword);
  }, []);
  // []에 keyword라는 변수를 넣는다면 keyword가 변화할 때마다 call

Cleanup function

useEffect에 의해 component가 사라질 때 무엇인가를 하고싶다면
return을 넣어주면됨.

function Hello() {
  useEffect(() => {
    console.log("created");
    return () => console.log("destoryed");
  }, []);
  return <h1>Hello</h1>;
}
// Hello 컴포넌트가 생성될때 "created" 삭제될 때 "destoryed"

이런 방법도 있음

function Hello() {
  function byFn() {
    console.log("destroyed");
  }
  function hiFn() {
    console.log("created");
    return byFn;
  }
  useEffect(hiFn, []);
  return <h1>Hello</h1>;
}

근데 자주 쓰이는 함수는 아니래요~

다음 강의부터는 가벼운 프로젝트를 만들어본다고함
드디어 이론 끝!