這裡記錄我學習網站開發的筆記歡迎交流 (ゝ∀・)b
上一篇介紹了 React Router V6 的 Loader,本文會介紹另一個重要的新功能 Action 與表單處理方式。
上一篇介紹了 React Router V6 的基本架構,包含導頁、動態路由與巢狀路由,本文則會介紹 V6 全新的重要功能 Loader。
React Router 團隊最近又來一次全面升級,新增了許多功能,特別是 Loader 功能實在是讓我大開眼界。除此之外,我發現他們的文件寫得很好,基本上只要跟著走一遍 Tutorial 就可以掌握新版的寫法調整與新功能哩。
本文為 React Router 升級第 6 版的筆記。
現代前端開發常見的 SPA 是指頁面 URL 切換時,不必重新 Fetch 新的 HTML 檔案,且會阻止瀏覽器的默認行為,直接去更新畫面上的內容。在 React 技術線當中,可以藉由 React Router 幫助我們完成 SPA 下的頁面切換,根據 Route 的更改呈現出不同的元件。