在model的subscriptions中进行匹配，分发到effects中进行判断和跳转，更多资料参考这里

effects 有三个参数:

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);

基于 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, }, });

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15

除 push(location) 外还有更多方法，详见这里

示例如下：

  state: {isLogin: false,loginfail:false,},subscriptions: {setup({ dispatch, history }) {history.listen(location => {if (location.pathname.includes('app')) { dispatch({ type: 'loginhook', }); } }); }, }, effects: { * login({ payload },{call, put}) { const { data } = yield call(login, payload); if (data && data.success) { yield put({ type: 'checklogin', payload:{ isLogin:true, } }); yield put(routerRedux.push('/app/users')); }else{ yield put({ type: 'loginfail', payload:{ loginfail:true, } }); } }, * loginhook({ payload },{select,call, put}){ const isLogin = yield select(({session}) => session.isLogin); console.log('logincheck',isLogin); if(isLogin === false){ yield put((routerRedux.push('/login'))); } }, }, reducers: { checklogin(state,action) { return {...state,isLogin:action.payload.isLogin }; }, loginfail(state,action) { return {...state, loginfail:action.payload.loginfail}; }, }

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24
• 25
• 26
• 27
• 28
• 29
• 30
• 31
• 32
• 33
• 34
• 35
• 36
• 37
• 38
• 39
• 40
• 41
• 42
• 43
• 44
• 45
• 46
• 47
• 48
• 49
• 50
• 51
• 52
• 53
• 54
• 55

不会这些技术，大数据开发薪资不会高？

大数据技术与运用的成熟，应用集中于互联网、金融、医疗、新能源、通信和房地产等行业。整理平均薪资情况和大数据学习大纲供查看

• 
  LeoDu20182018-05-03 15:23:31#2楼

  您好楼主，我现在使用DVA遇到，判断是否登录未登录跳到登录页面的问题，可以把你上面的登录判断的代码分享给我一下吗？

• 
  yongf20142018-03-18 23:09:05#1楼

  感谢博主~终于找到了。

Redux-Router - CSDN博客

import { browserHistory } from 'react-router'; browserHistory.push('/some...react-router-redux 将react-router 和 redux 集成到一起,用redux的方式去操作...

dva路由跳转找不到组件 - CSDN博客

然后经过一番折腾最后用了一个叫做routerRedux的工具,这个是dva基于redux封装好了...(routerRedux.push({ pathname: `/adminCompanyAccount/detail/${record.id}`,...

怎么让route拥有redux的方法 - CSDN博客

需求如何利用route的onEnter钩子来出发redux的dispatch方法 I just wrapped my routes in a function that returns them. This allows you to pass the redux ...

React Router的一个完整示例 - CSDN博客

react-router-redux 简单例子 u013224660 12-28 2070 reducer与按需加载组件...vue-router 2.0 常用基础知识点之router.push() 阅读量:84596 使用Vue-Router...

react登录跳转2种方式

第一种方式，在页面中跳转：切记引入 import { routerRedux } from 'dva/router';// 登录 handleSubmit = (err, values) =&...

React Router中pushState的使用方法 - CSDN博客

this.props.history.pushState({passParam: true}, "/targetURL");  ...redux router 组件如何... fay462298322:跟redux毫无关系 angular2.0如何使用管...

学习react,redux,router,antd的一些感悟(见解) - CSDN博客

文章标签: 开发工具 调试react redux antd 个人分类: 编程日记 react 前端开发...antd导航菜单用的是官网的Layout示例:点击打开链接和react-router-dom结合,实现点击...

react项目开发-路由优化(前三篇续) - CSDN博客

目前的项目架构,大家都能看到,有路由跳转的地方都是写死的url,如<Link to={'/aaa'}>,push({pathname:'/login'}),这种方式呢,没有问题,...

深入redux技术栈 - CSDN博客

简单的说, react-router-redux 让我们可以把路由也当作状态的一部分,并且可以使用redux的方式改变路由:直接调用dispatch: this.props.push(“/detail/”);...

react-router-redux 5.0 helloworld - CSDN博客

{ConnectedRouter, routerReducer, routerMiddleware, push} from 'react-router-redux' import createSagaMiddleware, {takeEvery} from 'redux-saga' import...

学习react,redux,router,antd的一些感悟(见解)

学习react的一些感悟ps:本文列出的教程都是中文版 如果你英语不错 建议看英文原版教程!!学习react有段时间了 总结了一下经验学习前 你必须先掌握的知识开发环境建议linux或者mac osx...

原创

30

粉丝

12

喜欢

9

评论

10

等级：

访问：

5万+

积分：

707

排名：

7万+

• macos high Sierra Brew 问题
• NodeList 与 HTMLCollection 以及dom排序
• 宝宝，我要秀恩爱
• 闭包与柯里化的小题目
• 你可能不知道的js事件处理

• draftjs7篇
• react3篇
• javascript12篇
• dom2篇
• python2篇
• nodejs1篇
• js轮子3篇

• 2018年1月1篇
• 2017年9月1篇
• 2017年5月1篇
• 2017年4月4篇
• 2017年3月12篇
• 2016年12月8篇
• 2015年4月2篇
• 2015年3月1篇

• React+DvaJS 之 hook 路由权限控制

  阅读量：19393

• 1.Draftjs 学习笔记

  阅读量：4343

• 5.Draftjs 学习笔记-自定义控件（多媒体）

  阅读量：3224

• phpqrcode 生成图片显示问题

  阅读量：2831

• 3.Draftjs 学习笔记-Entities

  阅读量：2538

• React+DvaJS 之 hoo...

  LeoDu2018：您好楼主，我现在使用DVA遇到，判断是否登录未登录跳到登录页面的问题，可以把你上面的登录判断的代码...

• React+DvaJS 之 hoo...

  yongf2014：感谢博主~终于找到了。

• 宝宝，我要秀恩爱

  u013046627：会玩

• 宝宝，我要秀恩爱

  zwqZWQ2012：666

• zend guard loader...

  ohmyauthentic：[reply]a1006570862[/reply]我也不是经常逛，最近想刷刷存在感，发了点博客