欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

router 3版本设置router进入的组件对应的离开检测

程序员文章站 2022-06-03 09:47:03
...
import React, { Component } from 'react'
export default RouterComponent extends Component {

    constructor(props) {
        super(props)
    }

    componentWillMount() {
        const { route, router } = this.props; //注意,因为网上提供的是直接用router设置了router,导致没能产生效果
        router.setRouteLeaveHook(route, this.routerLeave);
    }

    routerLeave = (nextLocation) => {
        return false; // false不允许返回,true允许
    }

}

设置hook注意route这个参数,不是router,是route,对于router 3版本而言

相关标签: router