React router - 根据当前路由执行某些操作

Question

我正在使用react router＆amp;想要根据当前路线执行某些操作。因此，一旦路线发生变化，我就需要执行某项任务。获得理想结果的理想方法是什么。

Answer 1

您最好的选择是查看onEnter和onLeave个问题。您可以像这样使用它们：

<Route path='/' onEnter={foo} onLeave={bar} />

onEnter函数将传递三个参数：onEnter(nextState, replace, callback)。 nextState是路由器的下一个状态，replace是您可以调用以重定向到其他路由的功能，callback是可选的。如果您使用callback，则在明确调用callback()之前不会发生路由转换。只是把它留出来避免这种情况。

onLeave函数更加简单，只要您的应用程序离开该路径，就会调用它。

您可以查看官方文档here