React RouterでWebアプリのナビゲーションバーを作ったメモ - 適当おじさんの適当ブログ

はじめに ReactとReact Routerで、以下のようなナビゲーションバーを作成したときのメモです。 この記事では、はじめにReact Routerの各種コンポーネントの概要について触れています。その後、サンプルコードを掲載しています。サンプルはWebアプリケーションであることを前提としています。React Native については一切触れていません。 使用しているライブラリとバージョンは以下のようになっています。v3以前のReact Routerだと存在しない機能にも触れているので注意してください。 パッケージ名 バージョン react 16.4.2 react-dom 16.4.2 react-router-dom 4.3.1 React Router reacttraining.com ルーティングのための各種機能を提供するライブラリです。ルーティングにより、URLとコンポーネ