DvaJS的Router以及路由跳转

原创

A吴迪网络工作室 2022-03-21 14:44:16 ©著作权

文章标签 DvaJS的Router介绍 DvaJS的路由跳转 DvaJS的路由跳转以及传递参数 DvaJS的路由跳转方法 DvaJS的路由讲解 文章分类 代码人生

©著作权归作者所有：来自51CTO博客作者A吴迪网络工作室的原创作品，请联系作者获取转载授权，否则将追究法律责任

Route Components

Route Components是指 ./src/routes/ 目录下的文件，它们是 ./src/router.js 里匹配的 Component。

通过connect绑定数据
比如：

import { connect } from 'dva';
function App() {}

function mapStateToProps(state, ownProps) {
	return {
		users: state.users,
	};
}
export default connect(mapStateToProps)(App);

然后在App里就有了dispatch和users两个属性。

Injected Props
Route Component会有额外的props用以获取路由信息。

location
params
children
。。。

朋友们可以将this.props输出出来就知道多了哪些东西是用来干嘛的了。

基于 action 进行页面跳转

import { routerRedux } from 'dva/router';

// 在Effects里
yield put(routerRedux.push('/logout'));

// 在Effects外
dispatch(routerRedux.push('/logout'));

// 路由跳转时附加参数
routerRedux.push({
	pathname: '/logout',
	query: {
		page: 2,
	},
});