반응형
리액트 유즈이팩트
-
컴포넌트(4) 리액트 훅(react hook)사용 - useEffectReact 리액트 2023. 9. 6. 15:27
useEffect란? - 컴포넌트가 렌더링 될 때 특정 작업을 실행할 수 있도록 하는 Hook이다. - useEffect 이후에(마운트 해제되는 때) clean-up (정리)를 실행할 수 있다. 기본형태 // 첫 번째 인자로는 effect 함수, 두 번째 인자로는 dependency array useEffect(() => { console.log('useEffect가 실행되면서 렌더링.') // effect 이후에 어떻게 정리(clean-up)할 것인지 표시 return () => { .... // useEffect 종료되면 실행. } }, []) // 빈 배열을 입력하는 경우 렌더링 될 때 마다 실행 App.js import Main from './component/Main'; import './App..