setRouteLeaveHook是react-router离开页面的钩子函数
使用方法如下：
componentDidMount() {
this.props.router.setRouteLeaveHook(this.props.route, (nextLocation) => {
if (nextLocation.pathname.indexOf('wxConcernSuccess') >= 0) {
console.log('我离开了')
}
})
}
注意 在导出组件时要用withRouter包裹
import { withRouter } from 'dva/router'
...
export default withRouter(Index)
PS:nextLocation是一个对象包括了pathname、query等参数
nextLocation对象
setRouteLeaveHook是react-router离开页面的钩子函数使用方法如下： 注意 在导出组件时要...
1、使用 react-router useUrlSearchState 使用 react-router 6.x 版...
react-router 4.0 配置使用router 安装react-router 修改/app/app.js ...
1、react-router和React-router-dom的选择 在初始使用react-router的时候，让...
一、react-router 要使用 react-router路由模块，先安装依赖包yarn add react-...
react-router安装命令 react-router的使用 Router组件有一个参数history，它的值...
react路由的使用 React-router React-router提供了一些router的核心api，包括R...
使用react-router React项目的可用的路由库是React-Router,当然这也是官方支持的。它也分...
使用路由 提示 'Link' is not exported from 'react-router' 源代码如下 ...
1. react-router 使用 1.1 安装 npm i react-router-dom 1.2 基本使用...
本文标题：使用react-router的setRouteLeaveHook
本文链接：https://www.haomeiwen.com/subject/tymoxqtx.html
网友评论