React前台404元件頁面 路由控制重定向

2022-04-03 06:23:02 字數 529 閱讀 7301

(1)需求分析

首先專案裡當請求根路徑時需要重定向到/home首頁,即請求localhost:3000時,重定向到localhost:3000/home。

之前我們的操作是,只要輸入url不存在則統統重定向到首頁,如下所示

(2)修改需求

現在我們新增404頁面,分析如下

①請求根路徑時重定向到/home主頁

②url錯誤時重定向到404頁面

(3)新增定時器重定向,銷毀前清除定時器

(4)如果想重定向到錯誤頁面,url為localhost:3000/error,則修改如下

React學習(四)元件

元件 上面 中,變數 hellomessage 就是乙個元件類。模板插入 時,會自動生成 hellomessage 的乙個例項 下文的 元件 都指元件類的例項 所有元件類都必須有自己的 render 方法,用於輸出元件。注意,元件類的第乙個字母必須大寫,否則會報錯,比如hellomessage不能寫...

React學習筆記(三)元件

元件 props 元件可以在它的輸出中引用其它元件,這就可以讓我們用同一元件來抽象出任意層次的細節。在react應用中,按鈕 表單 對話方塊 整個螢幕的內容等,這些通常都被表示為元件。react將作為props傳入並呼叫welcome元件。welcome元件將元素作為結果返回。functionwel...

react(二) 元件的通訊

對於元件來說,通訊無非兩種,父子元件通訊,和非父子元件通訊 一 父子父子元件通訊 1 父元件給子元件傳值 對於父元件來說,props是他們之間的媒介 class parent extends component componentdidmount 1000 render class child 1 ...