More than 1 year has passed since last update.

React Router Switchが使えないときの解決法

Posted at 2021-11-20

1 / 2

##はじめに
現在大学生でreactを勉強しています.
Routerを使う際にエラーが起きたので解決法について共有したいと思います.
##結論
###バージョンを下げる

npm install react-router-dom@5

###もしくは新しい記法に慣れる

・SwitchをRoutesに変更して記述
・Routeのcomponentをelementに変更して記述
・Routeのexactは使わない

##原因
React Routerを使いたくてSwitchをimportしようとした際にに,'react-router-dom'には'Switch'がありませんと言われました.

##解決法
なんで?と思ったんですが調べてみると,どうやらアップデートで記述方法が変更されていたらしいです.

ついでに,Routeを使用する際のexact,componentの変更についても知りました.

以下に参考にした記事を載せておきます.
詳しい説明を見たい方はこちらを参照してください.

##最後に
はじめて投稿しましたが,これからも共有していきたいと思います😊