electron 上的webview页面渲染了两次? 是代码的问题吗

本文讲述了在使用Electron进行项目开发时遇到的一个问题:在React组件中,useEffect Hook 不正常地触发了两次渲染。作者详细描述了问题的复现过程,发现即使从组件根部检查,问题仍然存在。尽管没有找到根本解决方案,但通过使用useRef可以临时避免在useEffect中多次调用。文章最后提到,这仅是治标不治本的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前言:

        最近在用electron开发项目,遇到个问题 就是在electron在加载webview的时候,在页面中使用useEffect的时候总会渲染两次,这是非常头疼的事.

问题复现:

        

 每次页面刷新的时候这个接口总能被调用两次.

 useEffect(()=>{
    getConfigList()
    .then(res =>{
      console.log(res);
      
    })
  },[])

这是代码. 就很烦,也找不到原因

从自己的这个组件一直往上找,一直到最外层APP 也依然渲染了两次

const App: React.FC = () => {
  useEffect(()=>{
    console.log(2222);
  },[])
  return (
    <AppRouters/>
  )
}

所以我感觉问题应该是出在electron上. 

解决方案:

根本的解决方案并没有.

但是要在useEffect中只调用一次的话 倒有可以通过useRef来解决,这也只是治标不治本的方案..

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

自动化处理

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值