iT邦幫忙

react-router相關文章
共有 55 則文章
0 Like 0 留言 354 瀏覽
鐵人賽 JavaScript DAY 11
從PM到前端開發：我的React作品集之旅 系列 第 11 篇

技術 Day 11: 用 React Router 實現頁面導航

在之前的學習中，我們探討了如何優化應用的性能和結構。隨著應用的增大，將所有功能集中在一個組件裡變得不夠靈活，因此，我們將進一步模組化應用功能，讓結構更加清晰，便...

carolcheng ‧ 2024-09-11
0 Like 0 留言 479 瀏覽
鐵人賽 Modern Web DAY 23
react 學習記錄 系列 第 23 篇

技術 [Day23]我的 react 學習記錄 - react router

這篇文章的主要內容 簡單介紹常用的 react 處理用戶端路徑的 library - react router。 react router react 是一個...

evan_hsu ‧ 2023-10-07
0 Like 0 留言 850 瀏覽
鐵人賽 Modern Web DAY 28
從Vue學React！不只要會用，還要真的懂～ 系列 第 28 篇

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

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

文科少女 ‧ 2023-10-04 ‧團隊曼陀號計畫V
0 Like 0 留言 867 瀏覽
鐵人賽 Modern Web DAY 19
React 走出新手村 系列 第 19 篇

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

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

LucianoLee ‧ 2023-09-19
0 Like 0 留言 538 瀏覽
鐵人賽 Modern Web DAY 3
React前端開發 - 安裝,coding ,架設 - ver. React 17以下 系列 第 6 篇

技術 Ch6. React 全域參數, 函數傳遞

主架構建立 每個React網頁 都是由基礎價夠堆疊出來，對於使用者，只能看到結果 所以按照元件一層層嵌套下去，當然沒問題。但是如果最底層的按鈕要返回 他已經登出...

rian1995 ‧ 2023-09-08
3 Like 0 留言 5938 瀏覽
鐵人賽 Software Development DAY 29
React框架白話文運動 系列 第 29 篇

技術 React白話文運動29-React Router 03

前言 嗨，我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我，進而獲得更多資訊...

hogantech ‧ 2022-10-14
1 Like 0 留言 6471 瀏覽
鐵人賽 Software Development DAY 28
React框架白話文運動 系列 第 28 篇

技術 React白話文運動28-React Router 02

前言 嗨，我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我，進而獲得更多資訊...

hogantech ‧ 2022-10-13
3 Like 0 留言 7357 瀏覽
鐵人賽 Software Development DAY 27
React框架白話文運動 系列 第 27 篇

技術 React白話文運動27-React Router 01

前言 嗨，我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我，進而獲得更多資訊...

hogantech ‧ 2022-10-12
1 Like 0 留言 6538 瀏覽
鐵人賽 Modern Web DAY 24
從Create到React—用來實作使用者介面的JavaScript函式庫 系列 第 24 篇

技術 React route—useNavigate介紹、控制history stack、傳遞參數、重新導向

本文提及以下內容 基本設置 useNavigate控制導向 useNavigate傳遞history stack useNavigate傳遞狀態 頁面重新導向...

DannyChen ‧ 2022-10-09 ‧團隊好想工作室 v6.0
0 Like 0 留言 1720 瀏覽
鐵人賽 Modern Web DAY 23
從Create到React—用來實作使用者介面的JavaScript函式庫 系列 第 23 篇

技術 React route如何運作、建立404的路由、巢狀路由、動態路由

本文提及以下內容 用戶端的路由 傳統路由 react route如何運作 起手式 建立404的路由 巢狀路由 useParams參數 用戶端的路由 用戶端的...

DannyChen ‧ 2022-10-08 ‧團隊好想工作室 v6.0
0 Like 0 留言 690 瀏覽
鐵人賽 Modern Web DAY 22
為期 N 天的 react 小冒險 系列 第 22 篇

技術 react route-2(404 page)-day22

時間過的好快 轉眼就第22天了，究竟能不能撐到最後一天呢XDD最近不幸確診了，整個頭重腳輕中，文章品質可能會下降補完的部分要等到康復後再慢慢做完善～還請諸看倌們...

dc88 ‧ 2022-10-06
0 Like 0 留言 1149 瀏覽
鐵人賽 Modern Web DAY 20
用React讓網頁動起來: React基礎與實作 系列 第 20 篇

技術 [Day20]用 React 讓網站動起來：認識更多 React-router

昨天我們認識 React-router 是什麼，以及基本的一些使用方法，今天想要來介紹一下其他 React-router 提供的好用 api 。 NavLink...

時雨 ‧ 2022-10-05 ‧團隊死線衝鋒 Deadline Squad
0 Like 0 留言 1095 瀏覽
鐵人賽 Modern Web DAY 21
為期 N 天的 react 小冒險 系列 第 21 篇

技術 react route-1(基本設置/Routes/Route/Link)-day21

本文以 react route 版本6以上做說明，舊版本不在本文涵蓋範圍中～ react route react route 就是讓 react 專案中能進行路...

dc88 ‧ 2022-10-05
0 Like 0 留言 1946 瀏覽
鐵人賽 Modern Web DAY 19
用React讓網頁動起來: React基礎與實作 系列 第 19 篇

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

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

時雨 ‧ 2022-10-04 ‧團隊死線衝鋒 Deadline Squad
0 Like 0 留言 1318 瀏覽
鐵人賽 Modern Web DAY 14
前端技能樹的十萬個為什麼 系列 第 14 篇

技術 Day 14 - 為什麼要用 React Router

前言 現在逛網站，其實愈來愈熟悉連續不間斷的操作體驗，也愈來愈沒耐心，如果按了按鈕還會跳白色畫面等個幾秒鐘，即便只是閃一下，都會默默在心裡扣分XD 而 Reac...

ycchiuuuu ‧ 2022-09-29
1 Like 1 留言 9869 瀏覽
鐵人賽 Modern Web DAY 16
從比入門再往前一點開始，一直到深入React.js 系列 第 16 篇

技術 【Day.16】React入門 - 想要分頁? react-router-dom

(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在 新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...

Andy Chang ‧ 2020-10-01
4 Like 1 留言 2562 瀏覽
鐵人賽 Modern Web DAY 23
在 React 生態圈內打滾的一年 feat. TypeScript 系列 第 23 篇

技術 Day22 | 創建假 History ，騙過真 Router

前言 來到測試的最後一個章節了，本篇要說明的是如何對 React-Router 做測試，確認 Component 在不同的 Router 的 Render 狀況...

神Q超人 ‧ 2019-10-04 ‧團隊IT成長團
5 Like 2 留言 6650 瀏覽
鐵人賽 Modern Web DAY 17
在 React 生態圈內打滾的一年 feat. TypeScript 系列 第 17 篇

技術 Day16 | SPA 的換頁不是你的換頁

前言 今天要和大家介紹的是 SPA， 是一種提升用戶在瀏覽網頁時的技術， 傳統式的網頁在切換頁面時，都會送出一個 Url 給服務器，之後服務器會依它收到的 Ur...

神Q超人 ‧ 2019-09-28 ‧團隊IT成長團
1 Like 2 留言 1918 瀏覽
鐵人賽 自我挑戰組 DAY 30
請你當我的好朋友吧！ReactJS！ 系列 第 30 篇

技術 【DAY 30】鐵人練成！完賽心得！很累、很好玩。

「不然我也來參加這次的鐵人賽好了。」 　　就是上面一句無心的話就開啟我這三十天的鐵人歷程，說實在的，如果不是去年有老師分享過IT邦鐵人賽的文章，我想我應該從來不...

Hyora ‧ 2018-11-05
0 Like 0 留言 1622 瀏覽
鐵人賽 自我挑戰組 DAY 29
請你當我的好朋友吧！ReactJS！ 系列 第 29 篇

技術 【DAY 29】react-router，很高興認識你！

【正文】　　倒數第二篇......【前言】　　按照以往，react-router的部分也在上一篇結束得差不多了，當然還有許多地方可以探討的，但我們就以比較常見的...

Hyora ‧ 2018-11-04
6 Like 8 留言 3594 瀏覽
鐵人賽 Modern Web DAY 30
一步一腳印的React旅程 系列 第 30 篇

技術 [筆記][React]來做個作品吧！待辦事項「todolist」篇(10)-剩下兩個頁面完全不是問題，還有最後的完賽感言

終終終於來到了每天朝思暮想的第三十天了，ㄛ天吶，這一路走來真的很漫長，不過每次回頭看看都會有覺得什麼時候發那麼多篇去了！的感覺XD，在打這段話的時候我覺得還滿適...

神Q超人 ‧ 2018-11-04 ‧團隊IT成長營
0 Like 0 留言 5283 瀏覽
鐵人賽 自我挑戰組 DAY 28
請你當我的好朋友吧！ReactJS！ 系列 第 28 篇

技術 【DAY 28】用react-loadable與react-router做code splitting吧

【前言】　　第28天了.......【正文】　　雖著專案越來越大，我們要撰寫的js檔也越來越多，但最後我們都會在App.js(或是Root.js)去import...

Hyora ‧ 2018-11-03
0 Like 0 留言 5214 瀏覽
鐵人賽 自我挑戰組 DAY 27
請你當我的好朋友吧！ReactJS！ 系列 第 27 篇

技術 【DAY 27】React-router，其它很有用的組件（下）

【前言】　　終於要來到倒數幾篇了！！！有沒有對於這些更熟悉了呢？希望有幫到大家！【正文】　　今天來介紹<Redirect>吧！ <Redire...

Hyora ‧ 2018-11-02
0 Like 0 留言 7232 瀏覽
鐵人賽 自我挑戰組 DAY 26
請你當我的好朋友吧！ReactJS！ 系列 第 26 篇

技術 【DAY 26】React-router，其它很有用的組件（上）

【前言】　　倒數最後五篇～～一起加油吧！【正文】　　昨天講完Link，今天來講跟Link很常用到的其他組件八吧！ Switch：用來包Route與Redirec...

Hyora ‧ 2018-11-01
0 Like 1 留言 2390 瀏覽
鐵人賽 自我挑戰組 DAY 25
請你當我的好朋友吧！ReactJS！ 系列 第 25 篇

技術 【DAY 25】react-router三劍客，Router、Route、Link（下）

【前言】　　今天一樣不多說廢話，直接進主題。【正文】　　今天來介紹Link吧！ Link就是提供我們導引到其他頁面的連結，會被render成<a>標...

Hyora ‧ 2018-10-31
0 Like 0 留言 2435 瀏覽
鐵人賽 自我挑戰組 DAY 24
請你當我的好朋友吧！ReactJS！ 系列 第 24 篇

技術 【DAY 24】react-router三劍客，Router、Route、Link（中）

【前言】　　最近壓力大、天氣變換大，我的皮膚又開始作怪了（暈，剩下最後七篇了！【正文】　　昨天介紹四種Router標籤，今天來介紹**Route**。 Rout...

Hyora ‧ 2018-10-30
0 Like 0 留言 3217 瀏覽
鐵人賽 自我挑戰組 DAY 23
請你當我的好朋友吧！ReactJS！ 系列 第 23 篇

技術 【DAY 23】react-router三劍客，Router、Route、Link（上）

【前言】　　不怕我誤人子弟嗎QQ【正文】　　昨天我們簡單的利用react-router模擬一個SPA的網頁，今天我們就來說說Router、Route、Link到...

Hyora ‧ 2018-10-29
0 Like 0 留言 3009 瀏覽
鐵人賽 自我挑戰組 DAY 22
請你當我的好朋友吧！ReactJS！ 系列 第 22 篇

技術 【DAY 22】react-router，實現單頁式網站的秘密

【前言】　　終於來到最後的react-router囉！再撐一下就可以把這三劍客都認識一遍了！【正文】　　我想大家應該都很常聽到什麼SPA、單頁式網站、Singl...

Hyora ‧ 2018-10-28
0 Like 0 留言 1140 瀏覽
鐵人賽 自我挑戰組 DAY 21
請你當我的好朋友吧！ReactJS！ 系列 第 21 篇

技術 【DAY 21】暫且休息一天，聊聊目前學習的心境。

【前言】　　這篇不會有什麼新東西，只會有一堆廢話......嗚嗚嗚【正文】　　話說也踏入前端五個月了，也就代表學習react五個月，然後也意味著被react荼毒...

Hyora ‧ 2018-10-27
4 Like 0 留言 4062 瀏覽
鐵人賽 Modern Web DAY 21
一步一腳印的React旅程 系列 第 21 篇

技術 [筆記][React]來做個作品吧！待辦事項「todolist」篇(1)-用React-Router做選單

Hi！各位，想不到吧，已經到了最後十篇了，感覺真不想結束呢！ 才怪！明明天天都在倒數文章數量XD，雖然這一趟很累，但是還是得要對自己來個期末測驗才行！所以接下來...

神Q超人 ‧ 2018-10-26 ‧團隊IT成長營
iThome鐵人賽
參賽組數
1064 組
團體組數
40 組
累計文章數
22209 篇
完賽人數
600 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙