技術 [Day19]React pages 和 routes設定

大綱 新增資料夾和檔案 React Routes設定 1. 新增資料夾和檔案 我們先調整當前專案的資料夾，新增一些資料夾來區分檔案。 專案資料夾結構 ✨表示...

技術 【Day 29】 從vue-router學react-router(下) - 更多的常見用法

今天會延續昨天尚未看完的一些常見用法，繼續從vue-router學react-router。在正式開始之前，也稍微前情提要一下，昨天我們除了了解什麼是react...

技術 【Day 28】 從vue-router學react-router(上) - 基本設定及一些常見用法

今天主要一樣會偏向於從使用的方式來了解React相關的路由使用方式，不過在這之前還是會先來認識提到React的路由就會看到的兩個名字，分別是react-rout...

技術 React 走出新手村 — 路由基礎

你也是這樣嗎？ 有太多新手在基礎還不熟的情況下，只因為路由設定的原因，改學用 Next 框架，但相信我 React-router-dom 真的不難，而且在選擇用...

技術 React-Router-Dom v6版本 與 舊版的差異範例

在網路上查找相關文章的時候，發現很多用法已經淘汰了，所以就自己整理這篇來當作筆記。 現在react-router-dom v6 版本改了很多，例如: 不再支援...

技術 [DAY 24] React-router-dom 路由設定教學，實現頁面跳轉(下)

延續上一篇 DAY23 的 React-router-dom 繼續往下介紹，如果沒看過的朋友，建議可以先看上一篇哦！ 本篇將介紹 動態路由參數 當前路由資訊...

技術 [DAY 23] React-router-dom 路由設定教學，實現頁面跳轉(上)

此篇版本為 react-router-dom v6 react-router-dom 可以設定 react 的網站路由，是以 react-router 為基底...

技術 [Day19]用 React 讓網站動起來：React-router

前幾天介紹了資料管理用的 context 以及 Redux，今天要來介紹一下要如何不透過伺服器切換頁面，直接在 React 中切換。 React router...

技術 「全端挑戰」熱門產品排行製作、了解react-router-dom、props與 ` ? : ` 的搭配

Day8 自己做一個價值幾十萬的動態網站 第八課：完成homePage主體feature、Announcement其他首頁components，並創造連接新分頁...

技術 Day 26 - React Router And Link

上一章 Day 25 - React Fetch 向後端API請求資料(2) React 導頁與控制使用 react-router-dom 安裝的話只要按CTR...

技術 [格式]React-Router-Dom <Route> 傳遞的props格式

用來查格式用

技術 與APi 失聯 404 notFound 頁面跳轉製作

前言 最近測api時剛好斷線，想說這是一個好機會，就順手先加上api斷線時的頁面跳轉，下面講react-router-dom的 exact、strict的觀念r...