react的dva框架初試


 使用背景:迫不得已!!(自己入職是以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就可以了

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM