React Router の使い方

サンプルコードを写経途中。

BrowserRouter

index.tsx<App /><BrowserRouter> というコンポーネントでラップすることで、 下の階層のコンポーネントHTML5History API を利用した各種 の機能が使えるようになる。

ReactDOM.render( <BrowserRouter>
<App />
</BrowserRouter>, document.getElementById('root'),
);

HTML5History API とは…

developer.mozilla.org

Helmet

どこからでも HTML ドキュメン トヘッダが上書きできるようになるので、ページごとに <title> がセットできるようになる。

link

タグで書いちゃうと普通にHTTPリクエストになってしまうので、React Router 管轄外となってしまう。