美文网首页
react-router跳转路有前判断(setRouteLeav

react-router跳转路有前判断(setRouteLeav

作者: Evan_zhan | 来源:发表于2017-09-11 17:45 被阅读0次

    跳转路由前做判断,决定是否跳转

    this.context.router.setRouteLeaveHook(
            this.props.route,
            ()=> {
                if (this.state.uploadFinish === false) {
                    return '上传未完成,确认退出?';
                }
                })
    
    声明类型:
     Uploading.contextTypes = {
        router: React.PropTypes.object
     }
    

    setRouteLeaveHook方法为Leave钩子指定routerWillLeave函数。该方法如果返回false,将阻止路由的切换,否则就返回一个字符串,提示用户决定是否要切换。

    相关文章

      网友评论

          本文标题:react-router跳转路有前判断(setRouteLeav

          本文链接:https://www.haomeiwen.com/subject/cjmfsxtx.html