Advanced Concepts

懒加载

懒加载允许你仅在需要时加载必要的资源。当你有一个包含大量路由和组件的大型应用，并且想要减少初始加载时间时，这个功能特别有用。

在 Solid Router 中，你可以使用 Solid 的 lazy 函数来实现组件的懒加载：

import { lazy } from "solid-js";
import { Router, Route } from "@solidjs/router";

const Home = () => import("./Home");
const Users = lazy(() => import("./Users"));
const App = () => (
  <Router>
    <Route path="/" component={<Home />} />
    <Route path="/users" component={<Users />} />
  </Router>
);

在上面的示例中，Users 组件使用 lazy 函数进行懒加载。lazy 函数接收一个返回 promise 的函数，该 promise 会解析为你想要加载的组件。当路由匹配时，组件将被加载并渲染。

报告此页面问题