dva 的一些特殊的写法

dva 的一些奇怪的用法

dva 基础请自行查阅，本文不科普

1、12 步 30 分钟，完成用户管理的 CURD 应用

2、dva 的中文文档

3、dva 知识导图

4、antd-admin 有没有听说过？

5、中间件 redux-saga 可以重点看一下

6、dva入门指引

7、umi + dva 可以了解一下dva 怎么和其他框架配置使用

8、roadhog 配置，dva 配置？？？？

一、一些需要理解的概念

1、dispatch 是异步的（基本上所有用到的情况都是异步的，考虑到本人知识面的情况，可能存在一些同步情况的实现）

2、effects 的函数参数，第一个action(这里不一定要使用payload, type 值被占有了)，第二个参数，里面有put, call, select, take 等redux-saga 的一些方法，可以查阅上面redux-saga 文档。

3、yield 的异步的东西不会阻碍js线程的正常运行

二、特殊需求

1. 需要实现每个几秒延时执行某个操作

// 首先实现delay 函数
const delay = timeout => {return new Promise(resolve => {setTimeout(resolve, timeout);});
};// 然后在effect函数里面
{where (flag){yield call(delay, 3000); }
}

2. conform Dialog流程控制

import React from "react"
import { Dialog } from "组件库"export default ({title = "",content = "确认删除？"
} = {}) => new Promise((resolve, reject) => {Dialog.confirm({content: <span>{content}</span>,title,onOk: () => {resolve(true)},onCancel: () => {resolve(false)}})
})

3. take 等待其他model 的一些action执行，like

let datas = yield select(state => state.common.datas);
if (!datas.length) {yield take("common/changeBase");datas = yield select(state => state.common.datas);
}

持续更新中。。。

欢迎交流！！！

dva 的一些特殊的写法相关推荐

DvaJS 入门，快速上手Dva
为什么要使用Dva? React 没有解决的问题 React 本身只是一个 DOM 的抽象层,使用组件构建虚拟 DOM. 如果开发大应用,还需要解决一个问题. 通信:组件之间如何通信? 数据流:数据如 ...
dva 中使用绝对路径/别名的方法
2019独角兽企业重金招聘Python工程师标准>>> 问题背景在使用 dva 框架进行项目开发过程中,起初都是使用相对路径的,比如这样:../../../Models: 但是项目 ...
dva的用法_dva.js 用法详解：列表展示
这次主要通过在线获取用户数据并且渲染成列表这个案例来演示dva.js. 整个开发流程概括下来应该是: 编写用户列表model(数据模型)-> 编写修改model的方法 -> 编写服务接口 ...
dva 中的响应编程
思维盲区我最开始学习使用 dva 是从<12 步 30 分钟,完成用户管理的 CURD 应用>开始的,这同时也是 dva 的官方教程.然而因为领悟能力太差,最开始完全没理解.前 4 步还 ...
如何在dva的effects中实现回调
如何在dva的effects中实现回调需求在前端实现修改用户密码的功能,通过dispatch来实现与后端api接口的交互. 界面点击"提交"执行的代码如下: handleSub ...
React+dva+antd的运用
前言技术资料 react + dva + redux + react-router + redux-sage + antd + antd动画总的来说dva是一个很简单的项目一步步跟大家来说一下把 ...
dva源码解析（一）
转载 :原文 https://blog.csdn.net/zp1996323/article/details/73315096 写在前面 dva是蚂蚁金服推出的一个单页应用框架,对redux,reac ...
dva.js 知识导图
dva.js 知识导图 JavaScript 语言变量声明 const 和 let 模板字符串默认参数箭头函数模块的 Import 和 Export ES6 对象和数组析构赋值对象字面量改 ...
使用dva脚手架（dva-cli）快速构建React项目
安装 dva-cli 你应该会更希望关注逻辑本身,而不是手动敲入一行行代码来构建初始的项目结构,以及配置开发环境. 那么,首先需要安装的是 dva-cli .dva-cli 是 dva 的命令行工具, ...
dva处理_dva中使用store管理数据的异步问题
在项目中有个具体的表单页,表单选项有一些联动,类似于实现的目标是,表单页组件各种选择,然后在进入下一步又可以返回修改,意味着返回修改的时候必须是要保存过一遍之前用户的选择这个肯定是保存在store ...

dva 的一些特殊的写法

dva 的一些奇怪的用法

dva 的一些特殊的写法相关推荐

最新文章

热门文章