Reach Router 教學
快速開始在您的 React 應用程式中使用 Reach Router 在最近的一個專案中，我使用了 Reach Router ，我認為這是在 React 應用程式中實現路由的最簡單方法。 相比於我之前使用過的 React Router 來說，我覺得 Reach Router 更容易上手。 以下是一個短短五分鐘的教學，讓您快速了解 Reach Router 的基本用法。 安裝 首先，在命令行輸入以下指令安裝 Reach Router： npm install @reach/router 如果您對 @ 的語法不熟悉，它是 npm 的一個功能，允許使用專屬的套件名稱空間來命名套件。 接下來，將它引入到您的專案中： import { Router } from '@reach/router' 基本用法 我在頂層 React 檔案 index.js 中使用它，通常是在 create-react-app 安裝中，我將所有想要顯示的元件包裝在內： ReactDOM.render( <Router> <Form path="/" /> <PrivateArea path="/private-area" /> </Router>, document.getElementById('root') ) 我在元件上添加的 path 屬性可用於設定它們的路徑。換句話說，當我在瀏覽器的網址欄輸入這個路徑時，Reach Router 就會顯示對應的元件給我看。 / 路徑是預設路由，也就是當您在應用程式網域之外沒有設置 URL / 路徑時，它將顯示。也就是說，它是「首頁」。...