【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上传文件获取视频或音频的时长
659 0
|
6月前
|
算法 搜索推荐 API
微信加人太频繁被限制怎么办?
微信加人限制的技术背景 微信为
|
数据采集 存储 XML
Python爬虫:深入探索1688关键词接口获取之道
在数字化经济中,数据尤其在电商领域的价值日益凸显。1688作为中国领先的B2B平台,其关键词接口对商家至关重要。本文介绍如何通过Python爬虫技术,合法合规地获取1688关键词接口,助力商家洞察市场趋势,优化营销策略。
|
前端开发
使用 Promise.all 处理多个 Promise 同时失败的情况
【10月更文挑战第26天】通过以上几种方法,我们可以根据具体的需求和环境选择合适的方式来处理多个 `Promise` 同时失败的情况,从而更好地进行错误处理和程序的稳定性保障。
963 2
|
数据可视化
GTD时间管理模型是什么
本文介绍GTD(Getting Things Done)时间管理方法,通过收集、整理、组织、回顾、执行五个步骤,帮助你清空大脑内存,减轻焦虑,提升专注力和生产力,轻松应对挑战,改善工作和生活质量。
298 7
GTD时间管理模型是什么
|
测试技术 异构计算
|
运维 JavaScript 前端开发
前端 JS 经典:vue 开发中的 base 和 publicPath
前端 JS 经典:vue 开发中的 base 和 publicPath
858 1
|
安全 Linux 测试技术
Debian为什么适合普通用户
Debian是一个自由、稳定、安全且适合普通用户的操作系统。它提供广泛的硬件支持、简单的安装过程、平滑的系统升级,以及丰富的软件包资源。凭借强大的社区支持和长期维护,用户可以轻松使用且无需担心安全问题。
527 13
|
人工智能 自然语言处理 数据挖掘
【通义】AI视界|性能超越GPT-4o?最强大的开源AI模型来了……
本文介绍了五项最新AI技术动态,包括性能超越GPT-4o的开源AI模型Reflection70B、智谱清言App限时免费的视频通话功能、哈佛医学院研发的癌症诊断AI模型CHIEF、Replit推出的AI编程助手,以及英特尔与日本AIST合作设立的芯片制造研发中心。这些进展展示了AI领域的快速创新与广泛应用。更多详情,请访问通义官网体验。
|
存储 Java 测试技术
阿里巴巴java开发手册
这篇文章是关于阿里巴巴Java开发手册的整理,内容包括编程规约、异常日志、单元测试、安全规约、MySQL数据库使用以及工程结构等方面的详细规范和建议,旨在帮助开发者编写更加规范、高效和安全的代码。