React官方文档： 懒加载

一、定义一个需要懒加载的组件：
OtherComponent.js

import React from "react"

export default function OtherComponent(props){
    return <h1>this is user {props.name}</h1>
}

二、在另一个组件中对上述组件进行懒加载

const OtherComponent = React.lazy(() => import('./OtherComponent'));


function MyComponent2() {
  return (
    <div>
      <Suspense fallback={<div>Loading...</div>}>
        <OtherComponent name="paul"/>
      </Suspense>
    </div>
  );
}