【react-router-domのインストール】
npm install react-router-dom@v5
【ルーターを全ページで使えるようにする】
import {BrowserRouter} from “react-router-dom”;
index.jsの一番外側を囲む
各ページにリンクを設定する
import {Link} from “react-router-dom”;
リンクをつけたい要素を囲む
ボタンやテキスト
ページのコンポーネントにリンクを設定する(Switchはバージョン５まで）
import {Switch} from “react-router-dom”;
リンクを設定するコンポーネントたちを囲む
各コンポーネントにページURLを設定する
import {Route} from “react-router-dom”;
以下の様な感じで設定（コンポーネントを囲む）
コメント