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



相关文章
|
前端开发
前端input上传文件获取视频或音频的时长
前端input上传文件获取视频或音频的时长
593 0
|
前端开发
使用 Promise.all 处理多个 Promise 同时失败的情况
【10月更文挑战第26天】通过以上几种方法,我们可以根据具体的需求和环境选择合适的方式来处理多个 `Promise` 同时失败的情况,从而更好地进行错误处理和程序的稳定性保障。
891 2
|
存储 Web App开发 安全
如何防范 CSRF 攻击
CSRF(跨站请求伪造)攻击是一种常见的安全威胁。防范措施包括:使用Anti-CSRF Token、检查HTTP Referer、限制Cookie作用域、采用双重提交Cookie机制等,确保请求的合法性与安全性。
|
存储 缓存 JavaScript
cookie和localStorage的区别特点
cookie和localStorage的区别特点
567 0
|
JSON 前端开发 JavaScript
使用vite搭建一个React项目!真香!
【8月更文挑战第13天】使用vite搭建一个React项目!真香!
2224 3
使用vite搭建一个React项目!真香!
|
运维 JavaScript 前端开发
前端 JS 经典:vue 开发中的 base 和 publicPath
前端 JS 经典:vue 开发中的 base 和 publicPath
776 1
|
安全 Linux 测试技术
Debian为什么适合普通用户
Debian是一个自由、稳定、安全且适合普通用户的操作系统。它提供广泛的硬件支持、简单的安装过程、平滑的系统升级,以及丰富的软件包资源。凭借强大的社区支持和长期维护,用户可以轻松使用且无需担心安全问题。
472 13
|
JavaScript
如何对ElementUI、ElementPlus中的Tree树组件进行美化,如增加辅助线、替换展开收起图标、点击节点后文字高亮等效果?本文给你答案!
本文介绍了如何对ElementUI和ElementPlus的Tree树组件进行美化,包括增加辅助线、替换展开收起图标、点击节点后文字高亮等效果,并提供了详细的代码示例和实现效果。
3578 0
如何对ElementUI、ElementPlus中的Tree树组件进行美化,如增加辅助线、替换展开收起图标、点击节点后文字高亮等效果?本文给你答案!
|
存储 Java 测试技术
阿里巴巴java开发手册
这篇文章是关于阿里巴巴Java开发手册的整理,内容包括编程规约、异常日志、单元测试、安全规约、MySQL数据库使用以及工程结构等方面的详细规范和建议,旨在帮助开发者编写更加规范、高效和安全的代码。
|
数据采集 机器学习/深度学习 数据可视化
使用R语言进行统计分析:入门与实践
【8月更文挑战第10天】通过本文,我们介绍了使用R语言进行统计分析的基本流程,包括数据加载、数据清洗、描述性统计、假设检验以及数据可视化等关键步骤。R语言以其强大的功能和丰富的包资源,为数据分析师和科学家提供了强大的工具。随着你对R语言的