博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
React+Dva
阅读量:5364 次
发布时间:2019-06-15

本文共 1490 字,大约阅读时间需要 4 分钟。

Reducer

  reducer 是一个函数,接受 state 和 action,返回老的或新的 state 。即:(state, action) => state

Effect

app.model({  namespace: 'todos', effects: { *addRemote({ payload: todo }, { put, call }) { yield call(addTodo, todo); yield put({ type: 'add', payload: todo }); }, }, });

 Effects

   put:用于触发 action 。          yield put({ type: 'todos/add', payload: 'Learn Dva' })

   call:用于调用异步逻辑,支持 promise 。           const result = yield call(fetch, '/todos');

      select:用于从 state 里获取数据。      const todos = yield select(state => state.todos);

错误处理

  全局错误处理

  dva 里,effects 和 subscriptions 的抛错全部会走 onError hook,所以可以在 onError 里统一处理错误。

  const app = dva({    onError(e, dispatch) {   console.log(e.message);   },   })

  本地错误处理

  如果需要对某些 effects 的错误进行特殊处理,需要在 effect 内部加 try catch

异步请求

  GET 和 POST

  import request from '../util/request';   // GET   request('/api/todos');   // POST   request('/api/todos', {   method: 'POST',   body: JSON.stringify({ a: 1 }),   });

Subscription

  subscriptions 是订阅,用于订阅一个数据源,然后根据需要 dispatch 相应的 action。

 subscriptions: {    setup({ dispatch, history }) {      history.listen(({ pathname }) => { if (pathname === '/users') { dispatch({ type: 'users/fetch', }); } }); }, },

Router

基于 action 进行页面跳转

import { routerRedux } from 'dva/router'; // Inside Effects yield put(routerRedux.push('/logout')); // Outside Effects dispatch(routerRedux.push('/logout')); // With query routerRedux.push({ pathname: '/logout', query: { page: 2, }, });

 

转载于:https://www.cnblogs.com/JunneHu/p/7553124.html

你可能感兴趣的文章
零散笔记
查看>>
信息浏览器从Android的浏览器中传递cookie数据到App中信息浏览器
查看>>
hash储存机制
查看>>
HI3531uboot开机画面 分类: arm-linux-Ubunt...
查看>>
搭建ssm过程中遇到的问题集
查看>>
OpenLayers绘制图形
查看>>
tp5集合h5 wap和公众号支付
查看>>
Flutter学习笔记(一)
查看>>
iOS10 国行iPhone联网权限问题处理
查看>>
洛谷 P1991 无线通讯网
查看>>
SparkStreaming 源码分析
查看>>
mysql asyn 示例
查看>>
数据库第1,2,3范式学习
查看>>
《Linux内核设计与实现》第四章学习笔记
查看>>
Docker 安装MySQL5.7(三)
查看>>
CF1067C Knights 构造
查看>>
CSS: caption-side 属性
查看>>
CSS3中box-sizing的理解
查看>>
Web.Config文件配置之配置Session变量的生命周期
查看>>
mysql导入source注意点
查看>>