Skip to main content

React.lazy

React.lazy 函数能让你像渲染常规组件一样处理动态引入（的组件）。

Try it​

import React, { Suspense } from "react";

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

function MyComponent() {
  return (
    <div>
      <Suspense fallback={<div>Loading...</div>}>
        <OtherComponent />
      </Suspense>
    </div>
  );
}

参考​

其他方法​