安装

框架
数据
声明式

使用 Bundler 模板引导

你可以从 Vite 开始，选择一个 React 模板，否则可以使用你喜欢的任何方式（Parcel、Webpack 等）引导你的应用程序。

npx create-vite@latest

安装 React Router

接下来从 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} />
);

下一步：路由