목록effect 이벤트 핸들러 차이 (1)

sohyeon kim

[React] 리액트 공식문서 정리 4(3) : 탈출구 - Effect 생명주기, 동기화, 의존성 배열, useEffect VS 이벤트 핸들러, useEffectEvent

💡 리액트 공식문서 정리 : 탈출구 - 반응형 Effect 의 생명주기, Effect 에서 이벤트 분리하기 1. 반응형 Effect 의 생명주기 : 동기화 시작 & 중지Effect 는 컴포넌트와 다른 생명주기를 가진다. 컴포넌트는 마운트/업데이트/마운트 해제의 생명주기를 가지지만,Effect 는 동기화를 시작하거나 중지하는 두 가지 작업만 할 수 있다. 다음 Effect 는 roomId prop 값에 의존한다. roomId 가 변경되면 Effect 가 다시 동기화(및 서버에 다시 연결)한다.function ChatRoom({ roomId }) { useEffect(() => { const connection = createConnection(serverUrl, roomId); // 동기화 시작 ..
React 2024. 12. 6. 14:44
이전 Prev 1 Next 다음