博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
dva基本用法
阅读量:6901 次
发布时间:2019-06-27

本文共 980 字,大约阅读时间需要 3 分钟。

1. npm install -g dva-cli 全局安装dva. 2. dva new myApp --demo  创建dva项目. 3. cd myApp npm start  启动项目. 4. 定义 model (1) 先设计model (2) 在设计 component (3) 连接 model 和 component . 5. 在model中定义state(在state里初始话store里的数据),effects(相当于action),reducers    执行过程:        (1)在组件中的this.props.dispatch()方法里派发一个对象给effects,对象里包含一个类型和要派发的内容如:{type:'filename/bikeAllInfo(effectsname)',payload:value}        (2)model里的effects接收到后通过put方法再派发一个类型和内容的对象给reducers 如:
                  * bikeAllInfo({ payload }, { put }){
                        yield put({
                                      type: "setBikeAllInfo(redusersname)",
                                      payload:"value"
                                    })
                      }
 
           (3)model里的reducers接收到bikeAllInfo派发来的内容后, 对在model里state中定义的变量和接收到的值进行组合保存到store中然后就可以在组件中的this.props中调用
                  
                    setBikeAllInfo (state, action) {
                         let bikeAllInfo = action.payload || {}
                         return Object.assign({}, state, {
                             bikeAllInfo,
                         })
                      },
 6.在组件中引入 import {connect} from 'dva'; 导出时用connect进行组件的连接
   
     const mapStateToProps = (state) => {
        return {
                state
          }
     }; 
    export default connect(mapStateToProps)(组件名);

 

转载于:https://www.cnblogs.com/cnlg123/p/8917293.html

你可能感兴趣的文章
中国网建之SMS
查看>>
《SQL 进阶教程》 case:练习题1-1-2 转换行列——在表头里加入汇总列
查看>>
展讯NAND Flash高级教程【转】
查看>>
DynamicPropertyAccessor Expression lambda
查看>>
csc.rsp Invent by Microshaoft
查看>>
CentOS7上GitHub/GitLab多帐号管理SSH Key
查看>>
字符串+变量
查看>>
style
查看>>
Log4j配置详解
查看>>
myql 查询树形表结果:说说、说说的述评、评论的回复
查看>>
java基础讲解02-----eclipse快捷方式(2017-04-12 23:47)
查看>>
Eclipse使用Tomcat发布项目时出现YadisException异常解决方案
查看>>
How to do Mathematics
查看>>
[洛谷P4245]【模板】任意模数NTT
查看>>
iOS开发-面试总结(十六)
查看>>
[LeetCode] Unique Binary Search Trees II dfs 深度搜索
查看>>
升级Mac OS X上的git
查看>>
python基础2(数据类型、数据运算、for循环、while循环、列表)
查看>>
应用被强杀了怎么办
查看>>
jquery validate 插件使用心得
查看>>