[React] useEffect

qwe8851·2023년 4월 17일
0

💎 React

목록 보기
29/37

useEffect(() => {
fetchMoviesHandler();
}, [fetchMoviesHandler]);

이 부분을 왜 아래처럼 하면 안되는이유
useEffect(fetchMoviesHandler(), [fetchMoviesHandler]);

useEffect의 첫번째 인자로 전달해야 하는 것은 함수 형태이어야 합니다. 그러나 useEffect(fetchMoviesHandler(), [fetchMoviesHandler]);와 같이 작성하면, fetchMoviesHandler 함수를 실행한 결과값인 undefined를 첫번째 인자로 전달하게 됩니다.

따라서 useEffect의 첫번째 인자로 fetchMoviesHandler 함수 자체를 전달하고, 두번째 인자로 [fetchMoviesHandler]와 같이 의존성 배열을 전달하여, 해당 배열에 포함된 값이 변경될 때마다 fetchMoviesHandler 함수를 실행할 수 있도록 합니다.

profile
FrontEnd Developer with React, TypeScript

0개의 댓글