Router 作用

很好的一個問題！簡單講，React Router主要解決的是：

• SPA 中「切換頁面」的問題 在傳統網站裡，每次點連結，瀏覽器會整個重新載入一個新頁面（full reload）。 但在 SPA 裡，頁面切換要很快且不中斷，希望只換「畫面內容」，不重新載入整個網頁。

  ➔ React Router 就是讓你在 React 裡做到「改變 URL，但不重新載入整個網頁，只換畫面」。

---

更具體來說，React Router 解決了這些痛點：

• URL 和畫面要同步： 比如你到 /profile，畫面要顯示個人頁，而且 URL 要正確，不然刷新後會出問題。

• 前進/後退按鈕要能正常用： 使用者按瀏覽器的上一頁、下一頁，SPA 也要能跟著變畫面，不然體驗很怪。

• 支援巢狀路由（nested routes）： 有時一個頁面中有子頁面（像是設定頁面裡有「帳號設定」、「通知設定」），React Router 也能處理。

• 動態參數（dynamic routing）： 比如 /user/:id 這種，id 不固定，根據 id 顯示不同用戶資料。