useEffect

official useEffect

• 함수를 argument 로 받음
• 첫번째는 효과를 발생시키는 함수,
• 두번째는 특정 data 가 변화할 때만 첫번째의 함수를 실행시키고자 할때 배열안에 data 를 넣어 argument 로 지정
• 처음 렌더링 될때만 실행시키고 싶으면 두번째를 빈배열로 지정하면 됨

useEffect(
  () => {
    const subscription = props.source.subscribe();
    return () => {
      subscription.unsubscribe();
    };
  },
  // props.source 가 변경될때만 첫번째 argument 의 함수가 실행
  [props.source],
);