목록react lifecycle (1)

윤제니

React - LifeCycle, useEffect, useMemo, useCallback

React 컴포넌트 LifeCycle React Hooks - useEffect() 컴포넌트 내부에서 발생하는 네트워크 요청, 데이터 가져오기,타이머, UI 업데이트 등의 작업을 다루기 위한 Hook 컴포넌트의 렌더링이 완료된 후에 실행됨 매 렌더링마다 자동으로 호출됨 useEffect(() => { 인자A // TODO, Callback 함수 }, [인자B]); useEffect의 인자 첫 번째(인자A) : Callback 함수, 컴포넌트 내부에서 발생하는 작업 두 번째(인자 B): Dependency Array, 의존성 배열에 포함된 값들이 변경될 때마다 useEffect 가 다시 실행됨 만약, 의존성 배열이 비어있는 경우 => useEffect은 컴포넌트가 처음 마운트 될 때만 실행되고 언마운트 될..
React 2024. 2. 1. 11:38
이전 Prev 1 Next 다음