美文网首页
dva 框架

dva 框架

作者: 笨zh笨笨 | 来源:发表于2018-08-17 11:15 被阅读0次

1、Model:

(1)、namespace:空间名,类似redux的仓库名。

(2)、state :存放state变量

(3)、reducers:一般用于修改state,可在function通过connect绑定到props里的dispatch直接调用。

       payload:传值的对象的别名,所以dispatch里的payload实际上就是给action.payload绑定了相                          关参数

(4)、effects:一般用于处理业务逻辑,包含三个方法,call,select,put,

                 call用来调用api接口,可获取返回值,接口有返回值才会继续往下走。

                 select用于获取state变量。

                 put作用的dispatch相同,可让effects里的方法调用修改state的方法。

(5)subscriptions:这个一般用于监听路由。比如,users路由触发,切换到users页面。react原来的写法,你想在界面初始化的时候就做一些事情就得基于react的生命周期函数,这里可以用这个监听器代替。自带dispatch ,dispatch可以调用reducers和effects.

 (6)query:是http 地址后面附带的参数,方便传参,不用通过路由配置传参。             http://localhost:8035/attendance/personal/leave?id=jsjj23jxsu355&name=zhangsan

query={id:"jsjj23jxsu355",name:"zhangsan"}

问题一:就像我之前写在componentWillMount()里面的发送请求的方法,可以写在这里?

答案:先监听路由,确认被访问,然后直接dispatch调用effects去请求API。每一次路由变更,所有的model的这个subscription的setup都会被触发,所以这个的判断一定要写好。

2、Component:所有的UI组件

在components里面连接对应的Model,connect会把namespace对应的state绑定到props,并且还会绑定dispatch给props。

作者:Tina任

链接:https://www.jianshu.com/p/fd114f99c236

來源:简书

简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

3、JSON

JSON.parse(text)     用于将一个字符串转换为JavaScript 对象。

JSON.stringify(obj)     用于将 JavaScript值转换为 JSON 字符串。

相关文章

  • redux-saga框架使用详解及Demo教程

    redux-saga框架使用详解及Demo教程 前面我们讲解过redux框架和dva框架的基本使用,因为dva框架...

  • react mockjs模拟数据请求

    我使用的是dva框架,通过dva new dva-quickstart直接创建项目 首先引入mockjs 先实现一...

  • dva 是什么

    dva 是什么 dva 是 React 应用框架,将React-Router + Redux + Redux-sa...

  • StoreApp商品管理系统设计方案

    web项目构建 项目由dva作为data主框架,配合antd作为UI框架。版本相关为dva-cli@0.7 ant...

  • dva 框架

    1、Model: (1)、namespace:空间名,类似redux的仓库名。 (2)、state :存放stat...

  • DVA 框架

    最近公司有一个微信公众号的项目,于是花了一定的时间去搭建关于一个可以用于开发的微信公众号的架子。技术选型使用了阿里...

  • dva.js和umi.js

    最近公司的项目有用到dva框架,这里做下学习总结;菜鸟一枚,如有错误,欢迎指正。 dva是什么 官网:dva.js...

  • dva工具库---探索dva-loading

    前言 在使用antd pro的时候发现此框架的loading是使用dva自带的dva-loading。之前分析源码...

  • 轻松学 dva(基础 + 进阶)(32 个视频)

    dva 是 React 的国产最佳实践框架,本套课程是讲解 dva 的最全入门指引教程,从入门,到进阶,讲解 dv...

  • 打造前端大秘宝之状态处理框架

    本人是一个dva框架的长期使用者,个人非常喜欢dva对于redux的封装,但是在使用dva的过程中遇到了许多不是很...

网友评论

      本文标题:dva 框架

      本文链接:https://www.haomeiwen.com/subject/ieezbftx.html