dva的簡單使用(一)

2021-09-12 08:30:53 字數 1563 閱讀 4201

而 dva 就是用來滿足這些需求的

dva 的 model 物件有幾個基本的屬性,需要掌握:

dva這個資料流解決方法和mvc架構類似:

在models的js中中進行獲取後端資料。一定要記得在index.js中配置啊,如果忘記看下面:(route.model(require(』./models/xx』))。

在routers的js中進行資料渲染及業務處理。一定記得在route.js的資料夾下面配置router的訪問位址。

提供常用的元件放置在comment中。

前面知識說了資料渲染、獲取後端資料,然而並沒有將這兩個聯絡起來。其實用的就是connect。

在此之前先介紹兩個東西:

1、mapstatetoprops,將需要的state的節點注入到與此檢視資料相關的元件上。因為在models的js中我們將資料存貯在state上,現在到了routes的js中,需要使用,就是通過這個方法實現的,從這個方法的名字我們大致也可以看懂的。

function mapstatetoprops(state, ownprops) 

// loading、data都是來自對應的reduce

}

2、mapdispatchtoprops,將需要繫結的響應事件注入到元件上。

function mapdispatchtoprops(dispatch)

}// mapdispatchtoprops()函式的bindactioncreators、action需要引入

// import * as action from '../action';

// import from 'redux';

------------------------------------

------------------------------------

// 多個action 引入

import * as action from '../action';

import * as action2 from '../../index/action';

function mapdispatchtoprops(dispatch)

}------------------------------------

------------------------------------

// 引入乙個action裡面的多個方法

import from '../webs/action'

function mapdispatchtoprops(dispatch) , dispatch)

}}

待補充。

前端朋友說react簡單,好學。對於我是乙個新技術,而且我是乙個後端,自己給自己無形增加了很大的壓力。其實都是沒必要的。如果不是工作需要,我估計也不會逼著自己去學,現在回想,其實也沒有想象中的那麼難懂。按照節奏,先學會用,再去深究原因,不可本末倒置。而且沒必要把自己限制在乙個後端的框框裡面。畢竟縱向發展還是橫向發展,亦或是全面發展,究竟哪種好,仁者見仁,智者見智。不過我相信,能完成任務,這是核心,否則一些都是扯淡。

dva簡單使用

官網 npm install dva cli g dva v yarn global add dva cli dva cli version 0.9.1dva new dva quickstartnpm start yarn start接到需求之後推薦的做法不是立刻編碼,而是先以上帝模式做整體設計。...

dva的簡單理解

由於最近所接觸的專案是由dva框架進行書寫的,所以對dva進行了簡單的總結,僅供參考 dva是基於現有的應用基礎架構 redux react route react saga等 的一層輕量級的封裝 dva中model很重要,dva中的model實際上類似於封裝了redux裡面的action和redu...

dva上手 簡單例子學習dva

dva是簡化的redux封裝庫,幫你自動化了redux 架構一些繁瑣的步驟,簡化了傳統redux使用過於複雜的問題。dva把乙個路由下的state reducer寫到一塊,存放到model裡面,清晰明了,邏輯簡單。export default subscriptions 各種處理非同步的操作 eff...