iT邦幫忙

react-router相關文章
共有 55 則文章
2 Like 0 留言 38436 瀏覽
鐵人賽 Modern Web DAY 24
Half-Stack Developer 養成計畫 系列 第 24 篇

技術 你要去哪裡：React Router

你要去哪裡：React Router 不知道你們還記不記得這個綜藝節目？「你要去哪裡？」，雖然不知道是不是事先喬好的，但我記得我那個時候很愛看，就看著他們每次都...

huli ‧ 2017-01-03
5 Like 1 留言 24910 瀏覽
鐵人賽 Modern Web DAY 19
一步一腳印的React旅程 系列 第 19 篇

技術 [筆記][React]React網頁好朋友Router(3)-Switch和轉址王Redirect

Hi啊大家好！這幾天我一直在想該怎麼打出一篇好文章（雖然鐵人賽都過一半了XD），但這也是鐵人賽一路走來才會思考到的事情吧？在一天一篇文章持續30天的過程中，該怎...

神Q超人 ‧ 2018-10-24 ‧團隊IT成長營
4 Like 0 留言 14789 瀏覽
鐵人賽 Modern Web DAY 17
一步一腳印的React旅程 系列 第 17 篇

技術 [筆記][React]React網頁好朋友Router(1)-基本用法篇！

Hi！大家好啊！React旅程走到這裡開始覺得有點累了XD，下班放假都還是不能忘記準備文章，嗚嗚...不過和不只報名一個系列的大大們來說，還算是算小咖了，希望這...

神Q超人 ‧ 2018-10-22 ‧團隊IT成長營
4 Like 0 留言 14712 瀏覽
鐵人賽 Modern Web DAY 20
一步一腳印的React旅程 系列 第 20 篇

技術 [筆記][React]React網頁好朋友Router(4)-搞懂Route的component、render和children

Hi！大家好啊！想不到又重回最初的Route篇了吧！不過其實一開始也根本沒有說到他過XD，連他的小跟班match都提過了，就是沒有好好解釋過Route這個組件，...

神Q超人 ‧ 2018-10-25 ‧團隊IT成長營
1 Like 1 留言 9794 瀏覽
鐵人賽 Modern Web DAY 16
從比入門再往前一點開始，一直到深入React.js 系列 第 16 篇

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

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

Andy Chang ‧ 2020-10-01
2 Like 0 留言 9616 瀏覽
鐵人賽 自我挑戰組 DAY 6
請你當我的好朋友吧！ReactJS！ 系列 第 6 篇

技術 【DAY 06】React！還有？refs你別來好不？

【前言】　　前兩篇講到props、state，可是阿，有時候看到滿滿jquery的特效就很想拿來react用，可是jquery那些都要直接對實體DOM做操作；抑...

Hyora ‧ 2018-10-12
6 Like 1 留言 8465 瀏覽
鐵人賽 Modern Web DAY 18
一步一腳印的React旅程 系列 第 18 篇

技術 [筆記][React]React網頁好朋友Router(2)-掌握match是成功的一半

Hi，大家好，昨天介紹了一些關於Router的基本用法，也解決了在實作時遇到的一些問題，不過在都已經解決掉的現在就讓我們繼續學習吧！ match 在Router...

神Q超人 ‧ 2018-10-23 ‧團隊IT成長營
3 Like 0 留言 7336 瀏覽
鐵人賽 Software Development DAY 27
React框架白話文運動 系列 第 27 篇

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

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

hogantech ‧ 2022-10-12
0 Like 0 留言 7225 瀏覽
鐵人賽 自我挑戰組 DAY 26
請你當我的好朋友吧！ReactJS！ 系列 第 26 篇

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

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

Hyora ‧ 2018-11-01
5 Like 2 留言 6601 瀏覽
鐵人賽 Modern Web DAY 17
在 React 生態圈內打滾的一年 feat. TypeScript 系列 第 17 篇

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

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

神Q超人 ‧ 2019-09-28 ‧團隊IT成長團
1 Like 0 留言 6450 瀏覽
鐵人賽 Software Development DAY 28
React框架白話文運動 系列 第 28 篇

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

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

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

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

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

DannyChen ‧ 2022-10-09 ‧團隊好想工作室 v6.0
3 Like 0 留言 5929 瀏覽
鐵人賽 Software Development DAY 29
React框架白話文運動 系列 第 29 篇

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

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

hogantech ‧ 2022-10-14
0 Like 0 留言 5246 瀏覽
鐵人賽 自我挑戰組 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 留言 5206 瀏覽
鐵人賽 自我挑戰組 DAY 27
請你當我的好朋友吧！ReactJS！ 系列 第 27 篇

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

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

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

技術 【DAY 07】React Component也有生老病死？（上）

【前言】　　昨天講完Refs，會不會覺得目前React已經很煩了呢？希望你不會......XD 【正文】　　今天要來聊聊React Component的生命週期...

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

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

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

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

技術 【DAY 04】React！說，Props是誰啊？

【前言】　　昨天我們實作了第一個React Component了，有沒有覺得自己有沒有變強了一點呢？這篇要來介紹一下React的Props屬性囉！ 【正文】　　...

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

技術 【DAY 18】更快的撰寫action跟reducer吧！redux-actions參上

【前言】　　終於先把基本的redux告一段落了......可是工作上的進度還是大延遲(嘆氣【正文】　　採用以往的方式撰寫action、reducer的確可行，但...

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

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

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

神Q超人 ‧ 2018-11-04 ‧團隊IT成長營
0 Like 0 留言 3214 瀏覽
鐵人賽 自我挑戰組 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 留言 3188 瀏覽
鐵人賽 自我挑戰組 DAY 2
請你當我的好朋友吧！ReactJS！ 系列 第 2 篇

技術 【DAY 02】蝦咪？ES6、Babel、JSX要先來鑑定？

【前言】　　我們昨天跟React說想跟他當好朋友，而且雙方也做了自我介紹了，如果按照少女漫畫的情節應該就可以直接牽手抱抱親親　　BUT，人生就是有那個BUT。　...

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

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

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

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

技術 【DAY 03】Hello, React! 我終於印出你了！

【前言】　　昨天我們很簡（ㄙㄨㄟˊ）略（ㄅㄧㄢˋ）的介紹ES6、Babel、JSX之後，我們要來使用React撰寫我們第一個Component囉！ 【正文】　　...

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

技術 【DAY 05】React！說，State又是誰啊？

【前言】　　昨天我們講到Props是由父層傳遞下去，不過有時候我們要讓Component本身對自己做相關的狀態變更或是Component變化，那這時候應該要怎麼...

Hyora ‧ 2018-10-11
4 Like 1 留言 2547 瀏覽
鐵人賽 Modern Web DAY 23
在 React 生態圈內打滾的一年 feat. TypeScript 系列 第 23 篇

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

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

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

技術 【DAY 09】利用狀態提升重新撰寫一次TodoList吧!

【前言】　　前幾天我們做的練習基本上都是放在同個Component檔案下，但事實上我們會切分Component，一來可以達到Component的可覆用性、可維護...

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

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

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

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

技術 【DAY 15】利用redux與react搭配在做出一個To do list吧！（上）

【前言】　　呼～～終於進行到一半了（灑花！越來越不知道前言要寫什麼來湊字數了XD【正文】　　在這次的範例，我們要利用redux與react再次做一個to do...

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

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

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

Hyora ‧ 2018-10-31
iThome鐵人賽
參賽組數
1064 組
團體組數
40 組
累計文章數
22208 篇
完賽人數
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邦幫忙