React Router v6でのRouteコンポーネントの扱い方の変更点 - Qiita

はじめに React Router v6が2021年11月3日にリリースされたのですが、コンポーネントの名前やデフォルトが大きく変わりました。本記事では、よく使う構文についての変更点を紹介します。詳しくはhttps://remix.run/blog/react-router-v6を参照してください。 コード例 ルーティングをするための簡単なサンプルコードです。 /にアクセスするとHome、/pageにアクセスするとPage1がそれぞれ表示されます。/page2にアクセスすると/page1にリダイレクトされます。それ以外のURLはPage404が表示されます。 React Router v5 import React from "react"; import { BrowserRouter as Router, Switch, Route, Redirect, } from "react-r