dva的简单使用流程

简介: dva的简单使用流程

导语

歌谣 歌谣 我最经学习了一个新的知识 dva.js该怎么使用呢




编辑


第一步 建立一个简单的页面

``` import React, { Component } from 'react';


class geyao extends component { xxxxxxxx 此处省略 } ```




第二步 建立一个models文件 下面建立一个js文件

``` export default { namespace: 'products', state: [], reducers: { 'delete'(state, { payload: id }) {


},

1.

}, }; ```




namespace是唯一名字


reducers定义异步方法 放接口方法


第三步 连接

import { connect } from 'dva'; @connect(({ products, menu, loading }) => ({ menu, products, }))




第四步 调用接口

componentWillMount() { this.getAssistList(); } getAssistList() { const { dispatch } = this.props; dispatch({ type: 'product/getAssistActivityPage', }); }




总结

通俗的说了dva的整体使用流程 有时间再细细研究



相关文章
|
JavaScript 前端开发 测试技术
搭建Vue3组件库:第五章 Jest进行前端单元测试
单元测试是软件质量的重要保证。本章节介绍Jest测试框架。
324 0
|
JavaScript 前端开发 测试技术
|
6月前
|
移动开发 开发框架 小程序
基于mpvue的小程序项目搭建的步骤
基于mpvue的小程序项目搭建的步骤
56 0
|
6月前
|
移动开发 开发框架 小程序
基于mpvue的小程序项目搭建的步骤一
基于mpvue的小程序项目搭建的步骤一
57 0
|
10月前
|
前端开发 JavaScript
React框架创建项目详细流程-项目的基本配置-项目的代码规范(二)
React框架创建项目详细流程-项目的基本配置-项目的代码规范(二)
|
11月前
|
JavaScript 前端开发 测试技术
从0搭建Vue3组件库(十二):引入现代前端测试框架 Vitest
从0搭建Vue3组件库(十二):引入现代前端测试框架 Vitest
358 0
|
11月前
|
网络架构
基于 vue-antd-admin 开发项目后的几点感想(二):异步路由和菜单
基于 vue-antd-admin 开发项目后的几点感想(二):异步路由和菜单
94 0
|
11月前
|
JavaScript 测试技术 编译器
从0搭建Vue3组件库:引入单元测试框架Vitest
从0搭建Vue3组件库:引入单元测试框架Vitest
582 0
|
11月前
|
前端开发 JavaScript
【React工作记录四十九】dva的简单使用流程
【React工作记录四十九】dva的简单使用流程
78 0
|
12月前
|
数据采集 JavaScript 前端开发
基于Vue源码中e2e测试实践
最近半年博主一直在抽空自研一款React组件库Concis,对于测试原本只支持于jest+enzyme单元测试,而单元测试的缺陷是无法模拟用户的一些操作,如表单组件,只能测试到一些组件渲染mount准确性的测试,对于一系列用户操作的模拟测试是无法做到的,因此博主考虑加入e2e测试从而让组件上线后更加健全。
84 1
基于Vue源码中e2e测试实践