实际开发中，难免会遇到一个页面会依赖很多组件的，但都是通过接口下发的条件进行动态引入的。 React已经为我们提供了一种异步引入组件的通用方法，上代码： import React, { Suspense } from "react"; const LazyLargeComponent = React.lazy(() => { return new Promise(resolve => setTimeout(resolve, 5 * 1000)).then( () => import("../components/LargeComponent") ); }); export default function LargeComponent() { return ( <div> <Suspense fallback={<div>loading...</div}