Component APIs

lazy

编辑此页面
import { lazy } from "solid-js";
import type { Component } from "solid-js";


function lazy<T extends Component<any>>(
  fn: () => Promise<{ default: T }>
): T & { preload: () => Promise<T> };

用于懒加载组件以实现代码分割。 组件在渲染之前不会被加载。 懒加载组件可以像静态导入的组件一样使用，可以接收props等。 懒加载组件会触发 <Suspense>

// 包装导入
const ComponentA = lazy(() => import("./ComponentA"));


// 在JSX中使用
<ComponentA title={props.title} />;
报告此页面问题