從零開始的dva框架學習 2 動態路由

2021-09-14 05:40:38 字數 1517 閱讀 1969

入口檔案 /src/index.js.

/src/router.js 看下主路由中包含什麼

import react from


'react'


;import


from


'dva/router'


;import dynamic from


'dva/dynamic'


;import indexpage from


'./routes/indexpage'


;function


routerconfig()


>


"/" exact component=


/>


<


/switch>


<


/router>);


}export


default routerconfig;
這裡引入了dva/router，前面章節說過，dva實際是react+react-router+redux+redux-saga+fetch的整合，所以這裡的router實際上就是react-router，dva/dynamic，官方文件是這樣介紹dynamic解決元件動態載入問題的 util 方法。

這裡我想初學者可能會存在這種疑惑，說到這裡，首先回憶下一般路由的寫法，例如上述**，先用import關鍵字引入indexpage元件，再把indexpage賦值給route元件的component屬性，這裡還有一種寫法是

"/" exact render=


/>}/


>
設想一下，如果我們的選單有很多的話，那麼按照當前的模式，頁面初次載入時需要用import將頁面元件乙個個引入進來，這樣的話會對效能產生很大的損耗，有沒有一種方法像非同步那樣等需要載入某個頁面時再將元件引入進來呢？dva的dynamic方法就是為了解決這個問題，再剛剛**基礎上修改

import react from


'react'


;import


from


'dva/router'


;import dynamic from


'dva/dynamic'


;// import indexpage from './routes/indexpage';


function


routerconfig()


);return


(>


"/" exact component=


/>}/


>


<


/switch>


<


/router>);


}export


default routerconfig;
不積跬步無以至千里，不積小流無以成江海，每天進步一點點，夢想終將實現。

Re 從零開始的動態規劃

有的人，天天在說自己打cf太菜，要學線性規劃，卻連第一步都沒邁出去，不會吧，不會吧，不會那個人就是你吧 f 跑來寫部落格的時間都可以用來學幾個點 咳咳咳言歸正傳，這是我第一篇部落格，用來記錄我假期演算法的學習之路，先立下flag，以後我要每天一更！也許這樣自己就不會咕咕咕 步驟 階段 狀態 決策 策...

DP 從零開始的動態規劃

從現在開始學習dp 來乙個入門的 時間限制 1000 ms 記憶體限制 65536 kb 觀察下面的數字金字塔。寫乙個程式查詢從最高點到底部任意處結束的路徑，使路徑經過數字的和最大。每一步可以從當前點走到左下方的點也可以到達右下方的點。在上面的樣例中,從13到8到26到15到24的路徑產生了最大的和...

從零開始學習react

react.createlement tag,content class shoppinglist extends react.component return 我們可以把兩者結合起來，使 react 的 state 成為 唯一資料來源 渲染表單的 react 元件還控制著使用者輸入過程中表單發生的...