iT邦幫忙

react-router相關文章
共有 54 則文章
鐵人賽 Modern Web DAY 23
react 學習記錄 系列 第 23

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

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

鐵人賽 Modern Web DAY 28

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

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

鐵人賽 Modern Web DAY 19
React 走出新手村 系列 第 19

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

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

鐵人賽 Modern Web DAY 3

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

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

鐵人賽 Software Development DAY 29
React框架白話文運動 系列 第 29

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

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

鐵人賽 Software Development DAY 28
React框架白話文運動 系列 第 28

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

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

鐵人賽 Software Development DAY 27
React框架白話文運動 系列 第 27

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

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

鐵人賽 Modern Web DAY 24

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

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

鐵人賽 Modern Web DAY 23

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

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

鐵人賽 Modern Web DAY 22

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

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

鐵人賽 Modern Web DAY 21

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

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

鐵人賽 Modern Web DAY 20

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

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

鐵人賽 Modern Web DAY 19

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

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

鐵人賽 Modern Web DAY 14

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

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

鐵人賽 Modern Web DAY 16

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

本篇內容以react-router v5為主,react-router在v6後有大幅度改變,可參考官方文件或是下方邦友回覆https://reactrouter...

鐵人賽 Modern Web DAY 23

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

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

鐵人賽 Modern Web DAY 17

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

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

鐵人賽 自我挑戰組 DAY 30

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

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

鐵人賽 自我挑戰組 DAY 29

技術 【DAY 29】react-router,很高興認識你!

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

鐵人賽 Modern Web DAY 30
一步一腳印的React旅程 系列 第 30

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

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

鐵人賽 自我挑戰組 DAY 28

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

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

鐵人賽 自我挑戰組 DAY 27

技術 【DAY 27】React-router,其它很有用的組件(下)

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

鐵人賽 自我挑戰組 DAY 26

技術 【DAY 26】React-router,其它很有用的組件(上)

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

鐵人賽 自我挑戰組 DAY 25

技術 【DAY 25】react-router三劍客,Router、Route、Link(下)

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

鐵人賽 自我挑戰組 DAY 24

技術 【DAY 24】react-router三劍客,Router、Route、Link(中)

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

鐵人賽 自我挑戰組 DAY 23

技術 【DAY 23】react-router三劍客,Router、Route、Link(上)

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

鐵人賽 自我挑戰組 DAY 22

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

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

鐵人賽 自我挑戰組 DAY 21

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

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

鐵人賽 Modern Web DAY 21
一步一腳印的React旅程 系列 第 21

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

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

鐵人賽 自我挑戰組 DAY 20

技術 【DAY 20】redux你就到這裡吧,讓我們邁向下個階段

【前言】  這篇會是redux的複習索引,下篇開始就是react-router囉!【正文】  一開始我們先介紹了redux的概念,也強調它可以單獨使用,不是一定...