Reactjs 防止装载/初始呈现服务器呈现的组件
我正在使用类似的自定义工具在构建时创建我的应用程序的快照,如下所示。这将生成一个静态服务器呈现版本,我可以在nginx后面部署它,而无需在服务器上运行react。这个很好用 我还使用代码拆分来延迟加载一些组件,以减少初始JS负载。(我使用react loadable,但如果需要,我愿意更改它。)它在创建快照时工作正常,HTML生成正确,用户接收正确,所有内容都完全显示在服务器上,甚至不用下载任何JS。这太棒了 但是,在客户端重新水合期间,异步加载组件的Reactjs 防止装载/初始呈现服务器呈现的组件,reactjs,code-splitting,Reactjs,Code Splitting,我正在使用类似的自定义工具在构建时创建我的应用程序的快照,如下所示。这将生成一个静态服务器呈现版本,我可以在nginx后面部署它,而无需在服务器上运行react。这个很好用 我还使用代码拆分来延迟加载一些组件,以减少初始JS负载。(我使用react loadable,但如果需要,我愿意更改它。)它在创建快照时工作正常,HTML生成正确,用户接收正确,所有内容都完全显示在服务器上,甚至不用下载任何JS。这太棒了 但是,在客户端重新水合期间,异步加载组件的import(…)调用尚未启动。同时,DOM
import(…)
调用尚未启动。同时,DOM已经有了必须从快照中呈现的内容
在这个场景中,有没有一种方法可以防止组件在装载期间的初始呈现,因为我已经在DOM中拥有了内容
另外,是否可以在导入完成后运行react的水合逻辑,以便即使导入完成后也可以防止任何闪烁
重要的是,延迟加载的组件是不常使用的路由,由react router管理。您找到解决问题的方法了吗?我面临着和你一样的情况(