我正在使用ReactJs服务器端渲染，在页面完全加载之前会闪烁一次。有人能告诉我这是为什么吗？
1个回答
0
为了理解，让我们看一些关于服务器端渲染的基本事实：
初始页面由服务器提供（基本上是标记），并立即显示给用户。
之后，像图像、js、css等其他资源会异步加载。
一旦这些资源被加载，框架（这里是React）就会启动并替换原始呈现的服务器页面。这很重要，因为现在客户端路由等可以开始工作，因为应用程序拥有所有资源。
现在，在您的情况下，一旦React启动，它就会命中第一个路由并（懒惰地）加载页面，并将其替换为服务器呈现的页面。这种延迟（您的路由的懒加载；第一个路由）导致了闪烁。
防止这种情况的一种方法可能是以某种方式预加载您的第一个路由！不确定如何在React中实现...
初始页面由服务器提供（基本上是标记），并立即显示给用户。
之后，像图像、js、css等其他资源会异步加载。
一旦这些资源被加载，框架（这里是React）就会启动并替换原始呈现的服务器页面。这很重要，因为现在客户端路由等可以开始工作，因为应用程序拥有所有资源。
现在，在您的情况下，一旦React启动，它就会命中第一个路由并（懒惰地）加载页面，并将其替换为服务器呈现的页面。这种延迟（您的路由的懒加载；第一个路由）导致了闪烁。
防止这种情况的一种方法可能是以某种方式预加载您的第一个路由！不确定如何在React中实现...
- beNerd
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接