プログラム開発の情報や、雑記を投稿しているサイトです。

React | React Router の変更点について

React関連のアップデートが早いですね。
インターネットで検索しても、サンプルなどが、すぐに古くなってしまいます。

React Router も 細かい部分で変わっていました。

(自分が)よく使う部分だけ、簡単にまとめておきました。

少しでも参考になれば幸いです。

Route

exact が不要になりました。
この属性が残っていると、うまくルーティングされないようです。

また、Switch も不要になりました。

v5

v6

useHistory

useHistory が useNavigate に変更されています。
import するときに、warning が表示されます。

v5

v6

参考サイト

こちらのサイトでは、 React Router の変更点を網羅してまとめています。
ぜひ、参考にしてみてください。

React Router を v5 から v6 にアップデートしてみました
https://dev.classmethod.jp/articles/react-router-5to6/

おススメ書籍