Reactjs 如何在渲染子元素时立即渲染父元素

子元素是一个列表，它需要一段时间才能完全呈现，因为它显示数百条记录。在页面之间切换时，它会阻止整个内容的呈现，更糟糕的是，上一页的内容会一直保留，直到列表被完全呈现，使其看起来像是应用程序崩溃或其他什么。我想要做的是立即呈现内容，而不必等待列表。我该怎么做？这是我的密码

import Layout from 'antd/es/layout';
import AppHeader from 'layout/Header';
import React from 'react';
import Footer from './sub/Footer';
import List from './sub/List';
import Content from 'layout/Content';
import { itemsSelector } from './redux/selectors';

export const Page = () => {
  const items = useSelector(itemsSelector);

  return (
    <Layout className="site-layout">
      <AppHeader />
      <Content>
        <List items={items} />
        <Footer />
      </Content>
    </Layout>
  );
};

export default Page;

从“antd/es/Layout”导入布局；
从“布局/标题”导入AppHeader；
从“React”导入React；
从“./sub/Footer”导入页脚；
从“./sub/List”导入列表；
从“布局/内容”导入内容；
从“./redux/selectors”导入{itemsSelector}；
导出常量页=（）=>{
常量项=使用选择器（项选择器）；
返回(
);
};
导出默认页面；

您可以尝试只渲染视口可以显示的几个列表，当您滚动时可以加载更多项目，此组件可能对您的用例很有用