您可以从 Vite 的 React 模板开始,选择 “React”,或者以您喜欢的方式(Parcel、Webpack 等)引导您的应用程序。
npx create-vite@latest
接下来从 npm 安装 React Router
npm i react-router
创建一个路由器并将其传递给 RouterProvider
import {
createBrowserRouter,
RouterProvider,
} from "react-router";
import React from "react";
import ReactDOM from "react-dom/client";
const router = createBrowserRouter([
{
path: "/",
element: <div>Hello World</div>,
},
]);
const root = document.getElementById("root");
ReactDOM.createRoot(root).render(
<RouterProvider router={router} />,
);
下一步: 路由