2018年11月17日

[React] 搭配 React Router 打造一個動態麵包屑(dynamic breadcrumb)

這篇文章主要說明如何整合 react-router 來製作一個具有導覽功能的麵包屑(breadcrumb),也就是這個麵包屑可以根據當前使用者瀏覽的路由動態顯示出對應的名稱。由於會說明之所以這麼做的思路,因此篇幅較長;如果想要直接看如何使用這段程式碼,可以到 Github 上檢視 ReadMe,當中的說明較為精簡。 前往範例頁 前往 Github 看原始碼 這篇文章不會從頭開始說明 React 和 React Router 的使用,因此建議閱讀前應該具備基本的 React 和 React Router 知識,不然可能會看得相當吃力。 來看看怎麼做吧! 建立 React 專案 在這裡我們直接使用...