1，通过 import() 语法动态引入组件。
2，React.lazy 接受一个函数，这个函数需要动态调用 import()。
3，然后应在 Suspense 组件中渲染 lazy 组件，fallback 属性接受任何在组件加载过程中你想展示的 React 元素
import React, { Suspense } from 'react'; const OtherComponent = React.lazy(() => import('./OtherComponent')); function MyComponent() { return ( <div> <Suspense fallback={<div>Loading...</div>}> <OtherComponent /> </Suspense> </div> ); }
