概要

react-router-domの勉強。

目的

画面遷移させたい。

ゴール

画面遷移が自由にできるようになったら。

BrowserRouter

基本的に、react-router-domの機能を使う場合、この「BrowserRouter」コンポーネント内でしか利用できないようになっている。

何するやつなの？

（調査中）

なんかヒストリーを残したりしてくれてるっぽい。

exact

疑問

<BrowserRouter>
  <Switch>
   <Route exact path="/" component={Home} />  // これつけないと正常に動かない。。。
  </Switch>
</BrowserRouter>

パスの一致方式

exactはパスのマッチするときの方式を「完全一致」にするもの。
これがないと、「/」はじまりのパス、つまり、ほぼすべてのパスが部分一致でマッチしてしまう。

結果、ルートが正常に動作せず、全部「Home」コンポーネントを返す結果となった。