Warum wird useEffect zweimal aufgerufen?

Question

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

const Log = () =>
    useEffect(() => {
        console.log('Wird ausgeführt ...')
    },[])

    return(<p>hier</p>)

}

Standardprotokoll exportieren;

Immer wenn dieser Code ausgeführt wird, erhalte ich zweimal die Meldung Wird ausgeführt...

Ich denke, es sollte nur einmal ausgeführt werden, da ich in useEffect einen leeren zweiten Parameter habe.

Kann jemand erklären, warum es zweimal läuft?

Answer 1

这是由于<StrictMode> 可能在您的根树中。

什么是严格模式？

它是如何导致 useEffect() 运行两次的？

注意： 严格模式的检查仅在开发模式下运行；它们不会影响生产构建。