使用背景:迫不得已!!(自己入職是以vue技術入職的,說是馬上vue項目就來了,讓我負責這個項目的前端。但是入職后就讓我下了現在這個項目看下,然后就順理成章的幫忙進行開發了,其實自己一直想要做react項目,所以自己是嘴上mmp,心里還是美滋滋的),用了兩個星期完成了頁面功能,閑下時間也研究了一下dva這個react框架
演示部分效果
看了一下項目目錄結構,是用dva腳手架搭建的。
這里主要梳理一下整個從后端獲取數據到頁面展示的流程
1、首先引入在services定義的接口文件
2、在model的effects里面定義一個異步函數,我的理解是類似vue里的mutation,並賦值給初始定義的state里的值
3、在model的reducers里面同步修改state,名稱是effects里面的type值
4、namespace命名空間,同時也是他在全局 state
上的屬性
5、在頁面內通過connect進行連接后就可以通過this.props.namespace使用了
6、在頁面需要請求數據是通過dispatch請求數據
7、最后渲染dom就可以了