反应决定顺序或渲染

Question

假设我有一个非常大的页面（组件），例如：

<div className="container">
    <div className="content0"></div>
    <div className="content1"></div>
    <div className="content2"></div>
    <div className="main"></div>
    <div className="content3"></div>
    <div className="content4"></div>
    <div className="content5"></div>
</div>

据我所知，React.lazy 可以帮助 webpack 进行捆绑，而这不是我想要的。

有没有办法决定渲染的顺序，以便在 <div className="main"> 加载和渲染时，其他组件开始加载和渲染？