进入与离开 - onEnter,  onLeave

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

在离开一个路由地址,进入到下一个地方,这些都会触发对应的行为。你可以在路由上使用 onEnter ,还有 onLeave 去指定进入还有离开的时候要做的事。

比如在这个 shows/:id 这个路由上,先添加一个 onEnter … 指定一下进入这个路由的时候要做的事情 … 这里设置成 handleEnter ..

在上面再去定义一下这个 handleEnter .. 先简单的在控制台上输出几个字儿 .. 然后再用一个 onLeave … 指定一下离开这个路由的时候要做的事情 . 设置成 handleLeave .. 再去定义一下这个函数 … 做的事同样可以先简单的在控制台上输出几个文字 … 离开 ..

保存 .. 回到浏览器 … 打开一个地址 … 现在的地址是 shows/33 … 进入到 shows/:id 这个路由,会触发执行 onEnter 指定的事情 .. 这里就是在控制台上输出 进入 ..

再点一下首页 … 这样会离开刚才的路由地址 … 也就是会触发它上面的 onLeave 指定的事情 .. 就是输出 离开 这两个字儿 ..

进入与离开 - onEnter,  onLeave《 React 路由 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点