React useEffect()

Creator

Creator

Seonglae Cho

Created

Created

2021 Mar 30 15:36

Editor

Editor

Seonglae Cho

Edited

Edited

2023 Sep 17 6:33

Refs

Refs

effect가 수행되는 시점에 이미 DOM이 업데이트되었음을 보장

componentDidMount와 componentDidUpdate, componentWillUnmount가 합쳐진 것

개발환경에서 두번 호출되는 건 의도된 설계 (두번 호출되도 상관없어야 하는 의도라고)

Not need an effect

https://react.dev/learn/you-might-not-need-an-effect

Using the Effect Hook - React

Hooks 는 React 16.8버전에 새로 추가되었습니다. Hook은 클래스 컴포넌트를 작성하지 않아도 state와 같은 특징들을 사용할 수 있습니다. Effect Hook 을 사용하면 함수 컴포넌트에서 side effect를 수행할 수 있습니다. 위의 코드는 이전 페이지의 카운터 예시 를 바탕으로 하지만, 문서의 타이틀을 클릭 횟수가 포함된 문장으로 표현할 수 있도록 새로운 기능을 더했습니다.

Using the Effect Hook - React

https://ko.reactjs.org/docs/hooks-effect.html

Using the Effect Hook - React

Recommendations

//////////////