インストール

React Router v7 は、以下の最小バージョンを必要とします。

  • node@20
  • react@18
  • react-dom@18

Vite の React テンプレートから始めるか、お好みの方法でアプリケーションをブートストラップしてください。

npx create-vite@latest

次に、npm から React Router をインストールします。

npm i react-router

最後に、アプリケーションを <BrowserRouter> で囲んでレンダリングします。

import React from "react";
import ReactDOM from "react-dom/client";
import { BrowserRouter } from "react-router";
import App from "./app";
 
const root = document.getElementById("root");
 
ReactDOM.createRoot(root).render(
  <BrowserRouter>
    <App />
  </BrowserRouter>
);

次: ルーティング