javascript - Reactlazy() - 加载同级组件时延迟加载组件

Question

（简化示例）：我有 ComponentA和 Component 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为真），而不必在B以后渲染？这样，组件的加载是分组的，我的网站可以在第一次延迟加载后不中断。

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