react登录跳转2种方式

原创 2018年04月17日 14:45:06

第一种方式,在页面中跳转:

切记引入 import { routerRedux } from 'dva/router';

// 登录
handleSubmit = (err, values) => {
	let dt = hex_md5(values.password);
	console.log("dt="+dt);
	if (!err) {
		this.props.dispatch({
			type: 'login/doLogin',
			payload: {
				userName: values.userName,
				password: dt,
			},
		});
		// 此处为登录成功后跳转指定页面
		this.props.dispatch(routerRedux.push({
			pathname: "/list/basic-list"
		}));
	}
}

第二种方式,在models:

切记引入 import { routerRedux } from 'dva/router';

*doLogin({ payload, callback }, { call, put }) {
	const response = yield call(doLogin, payload);
	if (response.code == "0000") {
		message.success(response.msg);
		yield put(routerRedux.push({pathname: "/index"}));
	} else {
		message.error('登录失败');
		return;
	}
},

下面推荐一个前端博客:https://www.alien.ren/


react-native 完整实现登录功能

  • 2016年09月20日 11:23
  • 67KB
  • 下载

【React全家桶入门之十】登录与身份认证

仔细想想,我们的后台系统还没有一个登录功能,太不靠谱,赶紧把防盗门安上...
  • awaw00
  • awaw00
  • 2017-02-08 14:02:22
  • 21212

react-navigation及dva使用(三)

关于react-navigation,由于是社区维护的路由库,所以更新和问题会比较多,版本更新也比较快,我用的2个版本比较多,一个是beta7版本,现在master是beta11(截止到7月4日为止)...
  • bestlbw
  • bestlbw
  • 2017-07-16 16:55:18
  • 2507

dva源码解析(一)

写在前面dva是蚂蚁金服推出的一个单页应用框架,对redux,react-router,redux-saga进行了上层封装,没有引入新的概念,但是极大的程度上提升了开发效率;下面内容为本人理解,如有错...
  • zp1996323
  • zp1996323
  • 2017-06-16 00:34:45
  • 2039

react登录跳转问题整理

最近在学习react,想实现一个登录跳转的功能,在网络上查询了很多文档,大多都是未升级之前的版本,经过长时间的爬坑,终于实现了这个小例子,在此记录一下。 1.react-router-dom  整...
  • KILLER870410
  • KILLER870410
  • 2018-01-06 15:02:20
  • 1447

react-navigation 如何判断用户是否登录跳转到登录页

新建一个全局存储StorageUtil.js import React, {Component} from 'react'; import {AsyncStorage} from 'react-nat...
  • u012878818
  • u012878818
  • 2017-07-14 13:46:08
  • 4154

【react实战·菜鸟版】1. 用dva + antd 写一个todolist

在新公司实习,面试的java开发,结果让先搞一波react(群里有个ios开发让写js的,已经懵逼的无以复加了,哈哈哈哈)。。所以只能硬着头皮学了,学了两天,感觉中文资料不是很多,而且大多数资料要么一...
  • qq_31655965
  • qq_31655965
  • 2017-05-24 22:03:11
  • 17966

React+DVA开发实践

文档概述本文档在前面章节简单的介绍了React和其相关的一系列技术,最后章节介绍了React+Dva开发的整套过程和基本原理,也就是将一系列框架整合的结果。...
  • spilledyear
  • spilledyear
  • 2017-05-27 12:06:03
  • 4618

React登陆账号之后返回之前的页面

登录之后需要跳转的页面。即在哪个页面登录的,登录完了之后还要再跳转到哪个页面路由的配置登陆的路由 详情页的路由 每个商品的页面都有对应的id点击登陆按钮的部分代码 const params ...
  • ZhangYaBo_Code
  • ZhangYaBo_Code
  • 2017-07-13 16:59:34
  • 1110

小白使用React---ajax请求成功后跳转到另一个页面

$.ajax({ type:"GET", url:this.url, dataType:"json", ...
  • yingzizizizizizzz
  • yingzizizizizizzz
  • 2017-12-05 19:42:33
  • 729
收藏助手
不良信息举报
您举报文章:react登录跳转2种方式
举报原因:
原因补充:

(最多只允许输入30个字)