hachibeechan https://blog.hatena.ne.jp/hachibeechan/ タオルケット体操 https://hachibeechan.hateblo.jp/ プログラミング JavaScript React もちろんケースバイケースなんだけど、パンくずリストというのは全体のレイアウトに属していながらマウントされる要素に従属して中身が変わるという点でちょっと厄介。 具体的にどういうケースで厄介かというと、ヘッダやサイドバーなどをまとめたpage layout的なコンポーネントを大枠に作り、内部の表示をreact-routerで切り替えている場合。業務アプリとかでやりがちなんじゃないかなとおもう。 ざっくりお気持ち擬似コード。 const PageLayout = (breadcrumbs: readonly Breadcrumb[]) => { <Layout> <Header breadcrumb… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fhachibeechan.hateblo.jp%2Fentry%2Fa-pattern-to-implement-breadcumbs-in-react-app" title="ReactにおけるBreadcrumb（パンくず）実装のパターン - タオルケット体操" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2019-07-08 19:46:22 rich https://hachibeechan.hateblo.jp/entry/a-pattern-to-implement-breadcumbs-in-react-app 1.0 100%