安裝
此專案需要安裝 react-router-dom:
npm install react-router-dom
使用方式
將 Project_BlogApp.jsx 的內容複製到你的 App.jsx 中。
專案功能
- 首頁、關於頁、文章列表頁
- 動態路由:文章詳情頁
/posts/:id - 巢狀路由:Dashboard 佈局
- 404 頁面
- NavLink 活動狀態
- useNavigate 程式化導航
- useParams 讀取路由參數
此專案需要安裝 react-router-dom:
npm install react-router-dom
將 Project_BlogApp.jsx 的內容複製到你的 App.jsx 中。
/posts/:id本教材涵蓋 React.js 從入門到進階的所有核心概念,包含大量範例程式碼與詳細說明。
阅读文章 →React 是由 Facebook(現 Meta)開發的 JavaScript UI 函式庫,用於建構使用者介面。
阅读文章 →This project was bootstrapped with Create React Apphttps://github.com/facebook/createreactapp.
阅读文章 →JSX(JavaScript XML)是 React 使用的語法擴展,讓你可以在 JavaScript 中撰寫類似 HTML 的程式碼。
阅读文章 →This project was bootstrapped with Create React Apphttps://github.com/facebook/createreactapp.
阅读文章 →// 方法 2:箭頭函式(更常用) const Welcome = = { return <h1歡迎來到 React!</h1; };
阅读文章 →