反应暂挂延迟加载而不会回退

问题描述

我想延迟加载组件以减小初始捆绑包大小，并使用React Router通过代码拆分即时获取组件。

但是，当使用React Suspense时，它们会迫使您使用后备进行加载。
这是行不通的：

const lazyLoadComponent = Component =>
    props => (
        <Suspense> // Missing fallback property
            <Component {...props} />
        </Suspense>
    );

在我的情况下，我正在从服务器渲染html，所以我不想使用微调器。
这会在我的屏幕上造成无用的闪烁！ 即：

• HTML加载
• 出现占位符
• 该路线的PageComponent已加载
• 我有自己的微调器，可从页面组件中加载提要

在我的情况下，html对应于已加载的react组件。

是否有任何已知的技巧可以轻松解决此问题（除了为复制html（!!）的任何路由创建加载程序外，顺便说一下，这会使延迟加载变得无用）。

我对“强迫”我们添加装载程序有点不满意，我不明白将其强制设为决定背后的逻辑。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）