(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 ...