yucatio https://blog.hatena.ne.jp/yucatio/ yucatio@システムエンジニア https://yucatio.hatenablog.com/ react-router ★前回の記事 yucatio.hatenablog.com Navbarを実装して、ナビゲーションリンクを作成します。 ルートパス(Home)へのリンクと、ログインしている場合は、自身のタスク一覧へのリンクを表示します。 リンクは、通常はLinkコンポーネントを使用しますが、ナビゲーションには、LinkのスペシャルバージョンであるNavLinkを利用します。NavLinkを使用すると、現在表示しているページのリンクだけCSSスタイルを変えたい、という要望が簡単に実現できます。 ルートパス(Home)へのリンクの追加 手始めにHomeへのリンクを追加します。activeStyleを設定して、現在… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fyucatio.hatenablog.com%2Fentry%2F2018%2F10%2F21%2F075421" title="react-routerを使用したナビゲーションリンクの作成 (STEP 3 : 他のユーザのタスクが見れるタスク管理アプリを作成する - React + Redux + Firebase チュートリアル) - yucatio@システムエンジニア" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/y/yucatio/20181013/20181013230103.png Hatena Blog https://hatena.blog 2018-10-21 07:54:21 rich https://yucatio.hatenablog.com/entry/2018/10/21/075421 1.0 100%