React 异步加载组件

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>
  );
}