Dva 初读文档学习

本文详细介绍了Dva框架中的数据流向,包括同步和异步数据管理,重点讲解了Models中的State、Action、dispatch、Reducer和Effect。此外,还阐述了Subscription的订阅功能以及前端路由的控制。同时,提到了Dva的配套工具Roadhog和propTypes的使用。
摘要由CSDN通过智能技术生成

基于Redux-saga的数据管理方案,Redux-Saga 详见文章《Redux中间件之redux-saga》

 

 

1、数据流向

 

image.png

 

概念:数据的改变通常是由于用户交互行为或者浏览器行为触发的,利用dispatch发起action(操作),然后通过一系列改变state

 

  (1)同步:通过Reducer直接改变state

 

  (2)异步:先触发Effects,然后流向Reducer,然后由Reducer最终改变state

 

2、Models

 

  (1)State--数据状态

 

    State表示Model的状态数据,通常为一个JavaScript对象

 

const app = dva();
console.log(app._store); // 顶部的 state 数据

 

  (2)Action--改变state的唯一途径

 

    action是一个普通js对象,是改变state的唯一途径,通过dispatch调用一个action,从而改变对应的state数据。action必须带有type、其他参数自定义。要发起一个action必须要通过dispatch进行调用。

 

    **注意:dispatch是要在组件connectModel之后,通过props传入的,**

 

dispatch({
  type: '
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值