useEffect

useEffect

useEffect는 함수형 컴포넌트에서도 라이프사이클과 같은 기능을 사용할 수 있게 해준다.
componentDidMount 와 componentDidUpdate, componentWillUnmount 를 합쳐놓은 것이다.
useEffect 함수는 state 변수를 하나만 관리하는것이 좋다. 즉 여러개의 useEffect 함수를 사용하는것을 추천해주고 있다.

useEffect(() => {
  dispatch({
    type: VIDEO_LIST_REQUEST,
  });
}, []); // 최초 렌더링이 될때만 실행
  
useEffect(() => {
  setCurrentVideoIndex(lastIndex);
}, [lastIndex]); // 배열에 원하는 값을 넣어주면 해당 값이 변할때만 실행된다.

• 리액트 Hooks: 2. 사용방법1
• [번역] useEffect 완벽 가이드
• Hooks 이해하기: useState, useEffect