#yyds干货盘点# 【React工作记录四十九】dva的简单使用流程

简介: #yyds干货盘点# 【React工作记录四十九】dva的简单使用流程

前言


我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷


导语


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


图片.png

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


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



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