`createHashRouter`

如果你無法設定你的網站伺服器去指導所有的網路流量至你的 React Router 應用程式，這個路由將會很有幫助。它會使用 URL 的雜湊 (hash) (#) 部份來管理「應用程式 URL」，而不是使用正常的 URL。

不建議使用雜湊 URL。

除了上述以外，它的功能上與 createBrowserRouter 是一樣的。

import * as React from "react";
import * as ReactDOM from "react-dom";
import {
  createHashRouter,
  RouterProvider,
} from "react-router-dom";

import Root, { rootLoader } from "./routes/root";
import Team, { teamLoader } from "./routes/team";

const router = createHashRouter([
  {
    path: "/",
    element: <Root />,
    loader: rootLoader,
    children: [
      {
        path: "team",
        element: <Team />,
        loader: teamLoader,
      },
    ],
  },
]);

ReactDOM.createRoot(document.getElementById("root")).render(
  <RouterProvider router={router} />
);