React懒加载实现(路由)：React.lazy Suspense

import { createHashRouter, RouterProvider, Navigate } from "react-router-dom";
import React, { lazy, Suspense } from "react";
const Page2 = lazy(() => import("../pages/page2"));
const routes = [
  {
    path: "/page1/",
    element: <Navigate to="/page1/page11" />,
  },
  {
    path: "/page2",
    element: (
      <Suspense>
        <Page2 />
      </Suspense>
    ),
  },
];
const router = createHashRouter(routes);

function Router() {
  return <RouterProvider router={router} />;
}
export default Router;