为什么useEffect会被调用两次?
P粉294954447
P粉294954447 2023-08-24 16:08:22
[JavaScript讨论组]


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

const Log =  ()  =>  {
    useEffect(()  => {
        console.log('Running ...')
    },[])

    return(<p>here</p>)

}

export default Log;

每当这段代码运行时,我在浏览器控制台中会收到Running...消息两次。

我认为它应该只运行一次,因为我在useEffect中有一个空的第二个参数。

有人能解释为什么它会运行两次吗?

P粉294954447
P粉294954447

全部回复(1)
P粉005417748

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

什么是严格模式?

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

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号