useEffect가 두 번 호출되는 이유는 무엇입니까?

Question

import { useContext, useEffect, useState } from 'react';

const 로그 = () =>
    useEffect(() => {
        console.log('실행중...')
    },[])

    반환(<p>여기</p>)

}

기본 로그 내보내기;

이 코드가 실행될 때마다 브라우저 콘솔에 실행 중... 메시지가 두 번 나타납니다.

useEffect에 두 번째 매개변수가 비어 있으므로 한 번만 실행해야 한다고 생각합니다.

왜 두 번 실행되는지 설명할 수 있는 사람이 있나요?

Answer 1

이는 루트 트리에 있는 <StrictMode> 때문일 수 있습니다.

엄격 모드란 무엇인가요?

어떻게 useEffect()가 두 번 실행되나요?

注意： 엄격한 모드 검사는 개발 모드에서만 실행되며 프로덕션 빌드에는 영향을 주지 않습니다.