【React工作记录四十九】dva的简单使用流程

简介: 【React工作记录四十九】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 }) {
    },
  },
};



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的整体使用流程 有时间再细细研究



相关文章
|
4月前
|
前端开发 JavaScript 算法
React渲染流程
应用的性能和灵活性,以后可以具体看一 Fiber 的工作原理。
32 3
|
前端开发 中间件
React Proxy 详细流程与配置方式(webpack、setupProxy.js、package.json)
React Proxy 详细流程与配置方式(webpack、setupProxy.js、package.json)
355 0
|
4月前
|
存储 资源调度 前端开发
【React | 完整项目创建流程】能看到这么详细的React配置流程,就偷着乐吧!
【React | 完整项目创建流程】能看到这么详细的React配置流程,就偷着乐吧!
190 1
|
4月前
|
前端开发 JavaScript 中间件
React Proxy 详细流程与配置方式(webpack、setupProxy.js、package.json)
React Proxy 详细流程与配置方式(webpack、setupProxy.js、package.json)
229 0
|
4月前
|
前端开发 JavaScript 中间件
React Proxy 详细流程与配置方式(webpack、setupProxy.js、package.json)
React Proxy 详细流程与配置方式(webpack、setupProxy.js、package.json)
425 0
|
12月前
|
前端开发
React 安装使用 Less(详细流程,包含 webpack、craco 方式)
React 安装使用 Less(详细流程,包含 webpack、craco 方式)
399 0
|
前端开发
前端学习笔记202307学习笔记第六十天-react源码-子级节点Fiber对象的构建流程
前端学习笔记202307学习笔记第六十天-react源码-子级节点Fiber对象的构建流程
59 0
前端学习笔记202307学习笔记第六十天-react源码-子级节点Fiber对象的构建流程
|
前端开发 JavaScript
React框架创建项目详细流程-项目的基本配置-项目的代码规范(二)
React框架创建项目详细流程-项目的基本配置-项目的代码规范(二)
|
前端开发 JavaScript C++
React框架创建项目详细流程-项目的基本配置-项目的代码规范(一)
React框架创建项目详细流程-项目的基本配置-项目的代码规范(一)
react+umi+dva+ts基础基础使用
react+umi+dva+ts基础基础使用