React lazy() - 加载同级组件时延迟加载组件

问题描述

（简化示例）：我有组件 A 和组件 B，它们是同级组件并且都在 App.js 中延迟加载：

import { lazy,Suspense } from 'react';
const A = lazy(() => import('./A'));
const B = lazy(() => import('./B'));

const App = () => (

    <Suspense fallback={<div>Loading...</div>}
        { someCondition &&
            <A />
        }
        { someOtherCondition &&
            <B />
        }
    </Suspense>

);

是否可以在加载 B 时加载 A（基本上当 someCondition 为 true 时），而不必在稍后渲染 B？这样，组件的加载是分组的，我的网站在第一次延迟加载后就不会中断。

先谢谢你！如果有人有解决方案，我会将他们的答案标记为正确。

解决方法

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

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

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