安装

安装

使用打包器模板进行引导

您可以从 Vite 的 React 模板开始,选择 “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} />,
);

下一步: 路由

文档和示例 CC 4.0
编辑