動かざることバグの如し

近づきたいよ 君の理想に

react memo

yarn add react-router-dom

react-routerはreact-router-domに内蔵されているので明示的なインストールは不要

import { BrowserRouter, Route, Link } from 'react-router-dom';
exact
exactという記述がある場合、pathと一致するURLの場合のみ、コンポーネントをレンダリングする。
ない場合は、一致するURLだけでなく、その下層を示すURLの場合も、レンダリングを行う。

例えば上記の場合、/memo/hogeや/memo/abc/123にアクセスしても、Memoと表示される。
だが<Route exact path="/memo" component={Memo} />に書き換えると、/memoと/memo/の場合にのみ、レンダリングを行うようになる。

パラメータを受け取る