gpt4 book ai didi

ReactJs 服务器端渲染闪烁问题

转载 作者:行者123 更新时间:2023-12-05 07:45:43 25 4
gpt4 key购买 nike

我正在使用 ReactJs 服务器端渲染,在完全加载页面之前页面闪烁一次。谁能告诉我为什么会这样?

最佳答案

为了理解,让我们看一些关于服务器端渲染的基本事实:

初始页面由服务器提供(本质上是标记)并立即显示给用户

发布后,图像、js、css 等其他 Assets 将异步加载。

加载 Assets 后,框架(此处为 React)启动并替换原始呈现的服务器页面。这很重要,因为现在客户端路由等可以开始工作,因为应用程序拥有所有资源。

现在在你的情况下,一旦 react 开始,它就会点击第一条路线并加载页面(懒惰地)并将该页面替换为服务器呈现的页面。这种延迟(延迟加载您的路线;第一条路线)导致了 flickr。

防止这种情况的一种方法是以某种方式预加载您的第一条路线!不确定你会如何 react ...

关于ReactJs 服务器端渲染闪烁问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41405909/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com