리액트 useEffect 훅에 대한 문의입니다

Question

useEffect 훅을 컴포넌트가 로딩될때 한번 실행되게 하기 위해서 다음과 같이 코딩하였습니다. useEffect(() &#61;> { console.log('zzz') }, [])컴포넌트 로딩시 두번 실행되는데... 확인해볼 부분이 있을까요?초보자는 웁니다 ㅠㅠ

semperSupra · Answer

부모 컴포넌트 상태를 더 자세히 답변드릴 수 있을 것 같습니다.

별밤비 · Answer

개발모드일 경우 두번 실행됩니다.https://funveloper.tistory.com/110

state · Answer

스트릭모드일때 2번실행되요 .StrictMode는 애플리케이션 내의 잠재적인 문제를 알아내기 위한 도구입니다. ! Strict 모드는 개발 모드에서만 활성화되기 때문에, 프로덕션 빌드에는 영향을 끼치지 않습니다. * 안전하지 않은 생명주기를 사용하는 컴포넌트 발견 * 레거시 문자열 ref 사용에 대한 경고 * 권장되지 않는 findDOMNode 사용에 대한 경고 * 예상치 못한 부작용 검사 * 레거시 context API 검사 위의 메서드들은 여러 번 호출될 수 있기 때문에, 부작용을 포함하지 않는 것이 중요합니다. 이 규칙을 무시할 경우, 메모리 누수 혹은 잘못된 애플리케이션 상태 등 다양한 문제를 일으킬 가능성이 있습니다. 불행히도, 보통 이러한 문제들은 예측한 대로 동작하지 않기 때문에 발견하는 것이 어려울 수 있습니다. Strict 모드가 자동으로 부작용을 찾아주는 것은 불가능합니다. 하지만, 조금 더 예측할 수 있게끔 만들어서 문제가 되는 부분을 발견할 수 있게 도와줍니다. 이는 아래의 함수를 의도적으로 이중으로 호출하여 찾을 수 있습니다. * 클래스 컴포넌트의 constructor, render 그리고 shouldComponentUpdate 메서드 * 클래스 컴포넌트의 getDerivedStateFromProps static 메서드 함수 컴포넌트 바디 State updater 함수 (setState의 첫 번째 인자) * useState, useMemo 그리고 useReducer에 전달되는 함수 개발 모드에서만 적용됩니다.

oky · Answer

strict 어쩌고랑 거기 주석 다 날려보시면 안 나오는거 확인할 수 있습니다.

리액트 useEffect 훅에 대한 문의입니다

4개의 답변

Q&A 목록