dva之前有了解嗎
dva之前有了解嗎
這個(gè)其實(shí)是支付寶整合的一套框架,集成了 (redux + react-router + redux-saga 等)的一層輕量封裝。dva 是 framework,不是 library,類似 emberjs。
他最核心的是提供了 app.model 方法,用于把 reducer, initialState, action, saga 封裝到一起。
app.model({
namespace: 'products',
state: {
list: [],
loading: false,
},
subscriptions: [
function(dispatch) {
dispatch({type: 'products/query'});
},
],
effects: {
['products/query']: function*() {
yield call(delay(800));
yield put({
type: 'products/query/success',
payload: ['ant-tool', 'roof'],
});
},
},
reducers: {
['products/query'](state) {
return { ...state, loading: true, };
},
['products/query/success'](state, { payload }) {
return { ...state, loading: false, list: payload };
},
},
});
namespace - 對(duì)應(yīng) reducer 在 combine 到 rootReducer 時(shí)的 key 值
state - 對(duì)應(yīng) reducer 的 initialState
subscription - elm@0.17 的新概念,在 dom ready 后執(zhí)行,這里不展開解釋
effects - 對(duì)應(yīng) saga,并簡化了使用
reducers - 相當(dāng)于數(shù)據(jù)模型
// 如何創(chuàng)建一個(gè)dva項(xiàng)目
$ npm install dva-cli -g
$ dva new myapp && cd myapp
$ npm start

猜你喜歡LIKE
相關(guān)推薦HOT
更多>>
談?wù)刅ue路由模式,路由有哪些模式
談?wù)刅ue路由模式,路由有哪些模式,在vue-router路由對(duì)象中,路由有兩種模式:hash和history,而默認(rèn)的是hash模式.詳情>>
2023-04-18 15:54:22
SEO優(yōu)化
SEO優(yōu)化,1、合理的title、description、keywords:搜索對(duì)著三項(xiàng)的權(quán)重逐個(gè)減小,title值強(qiáng)調(diào)重點(diǎn)即可;description把頁面內(nèi)容高度概括,不可過...詳情>>
2023-04-03 15:11:51
Python數(shù)據(jù)生產(chǎn)器
Python數(shù)據(jù)生產(chǎn)器,在軟件開發(fā)、測試或者數(shù)據(jù)分析過程中,有時(shí)候會(huì)需要一些測試數(shù)據(jù)。做測試的時(shí)候,需要模擬真實(shí)的環(huán)境,但是又不能直接使用真...詳情>>
2023-03-28 15:56:13
Java集合是什么?Java集合詳解
Java集合是Java編程語言中的一個(gè)重要概念,用于存儲(chǔ)、管理和處理數(shù)據(jù)。Java集合框架提供了一組接口和類,用于實(shí)現(xiàn)常見的數(shù)據(jù)結(jié)構(gòu),如列表、棧、...詳情>>
2023-03-20 19:12:47熱門推薦
dva之前有了解嗎
沸談?wù)刅ue路由模式,路由有哪些模式
熱Python數(shù)據(jù)分析:數(shù)據(jù)分析概述
熱從零開始學(xué)Java之包裝類有哪些?
新實(shí)現(xiàn)垂直居中的幾種方法,不知道寬高的情況下如何實(shí)現(xiàn)元素水平垂直居中?
forEach中的await
說說React中onClick綁定后的工作原理
小程序路由跳轉(zhuǎn)
說說gulp和webpack的區(qū)別
跨域如何解決
SEO優(yōu)化
Null和undefined的區(qū)別
Python數(shù)據(jù)生產(chǎn)器
react中怎么實(shí)現(xiàn)vue中的計(jì)算屬性以及watch
技術(shù)干貨







快速通道 更多>>
-
課程介紹
點(diǎn)擊獲取大綱 -
就業(yè)前景
查看就業(yè)薪資 -
學(xué)習(xí)費(fèi)用
了解課程價(jià)格 -
優(yōu)惠活動(dòng)
領(lǐng)取優(yōu)惠券 -
學(xué)習(xí)資源
領(lǐng)3000G教程 -
師資團(tuán)隊(duì)
了解師資團(tuán)隊(duì) -
實(shí)戰(zhàn)項(xiàng)目
獲取項(xiàng)目源碼 -
開班地區(qū)
查看來校路線