关于setRouteLeaveHook无法使用时的替代方案registerTransitionHook

  • 时间:
  • 浏览:6

效果是有了,另外把google大神你这一的助攻随便说下吧,处里朋友 再找来找去了。此处会有4个 小bug,你切换任何4个 路由不会 有弹框,为啥办?在componentWillUnmount后面 使用unregisterTransitionHook依据把钩子撤消掉,很多 须要注意:须而是同4个 钩子,为啥做?在constructor后面 绑定就好

方案(google):

背景:首先说明下,你这一大疑问很奇怪,花了整整一天在google上搜了一圈没能 结果,半夜加班到10:80还是没能 效果。很多 进度在你这一点往前走,很多 确认解题大方向没能 大疑问很多也一个劲 没能 放弃。下面介绍下具体大疑问:

完后 太激动了,很多写下这边博文以作纪念,哈哈

一通操作猛如虎,一看结果抢镜了,始终没能 效果,打了console一个劲 没能 进入钩子函数routerWillLeave,经过不断尝试完后 发现4个 大疑问:在不刷新的情况表下改变本js任何代码哪怕多4个 或少4个 空格很多 编译,效果就出来了。一个劲 不太明白到底有哪些愿因,完后 有看一遍的大神麻烦解释下,谢谢。

就让 在一次意外中发现router后面 还有个registerTransitionHook,并有的是注意到你这一是完后 在debug后面 代码时发现出效果的情况表会进入到4个 叫transitionHook的依据,很多我须要完后 不要再setRouteLeaveHook直接使用registerTransitionHook是有的是会达到同样的效果,完后 我用的是antd-react-dva一套,而router完后 被dva封装了一层,担心并有的是setRouteLeaveHook没能 是完后 你这一愿因,很多就在google registerTransitionHook。一搜4个 准,https://github.com/ReactTraining/history/issues/14你这一大神说他很多 用你这一来实现我须要要的效果的,很多 人家是用history,dva后面 history从哪来?直接从父组件传递下来应该就可以否不能 了,很多 完后 router后面 有的是你这一依据,并不使用history,果断把history改为this.props.router测试一把,追到。

钩子:朋友 知道react\Router暗含4个 路由钩子,你这一钩子可以否不能 针对某个组件(父或子)在遇到具体事件时触发回调,合适拦截事件触发做内置于钩子hook中的依据。

另外须要注意的是:router的注入,withRouter对router的组装之类于的,你这一google上有的是,这里只说我遇到的大疑问,目前为止在google上还没能 被发现

需求:切换路由时触发钩子进行用户提示否有拖累目前路由