ReactJS网站在移动浏览器上重新渲染和闪烁[关闭]

Posted

技术标签:

【中文标题】ReactJS网站在移动浏览器上重新渲染和闪烁[关闭]【英文标题】:ReactJS Website Re-Rendering and Flashing on Mobile Browser [closed] 【发布时间】:2021-11-14 14:55:50 【问题描述】:

我制作了一个应用,它使用部署在 GitHub 页面上的 ReactJS 和 Firebase 存储。目前,该网站正在首页(RealHome.jsx)上闪烁并重新渲染。我想知道是什么导致了这个问题。我怀疑是使用了useEffect()。有谁知道这个问题或以前解决过这个问题?

Github 回购:github.com/joshuajy03/purduebikesintrees

网站:joshuajy03.github.io/purduebikesintrees

【问题讨论】:

无法重现问题 @hisam 看来我通过删除 window.addEventListener 解决了这个问题 "寻求调试帮助的问题('为什么这段代码不工作?')必须包含期望的行为、特定问题或错误必要的最短代码 在问题本身。没有明确的问题陈述的问题对其他读者没有用处。请参阅:@ 987654321@" 【参考方案1】:

网站的问题是我使用的是 window.addEventListener。

window.addEventListener("resize", () => setResponsiveness());

    return () => 
      window.removeEventListener("resize", () => setResponsiveness());
    ;

删除它可以解决问题。

【讨论】:

以上是关于ReactJS网站在移动浏览器上重新渲染和闪烁[关闭]的主要内容,如果未能解决你的问题,请参考以下文章

坐标更改后自定义标记不重新渲染

如何通过一劳永逸地重新渲染来修复图像闪烁?

ReactJS:如何确定应用程序是在移动浏览器还是桌面浏览器上查看

SvelteJS vs ReactJS 渲染区别(重绘/回流)

如何正确检测 React JS 中的重新渲染?

使用camera.unproject重新渲染纹理会在相机移动时设置错误的位置