React路由器 - 根據當前路由執行一些操作

Question

我正在使用react路由器&希望根據當前路由執行某些操作。所以一旦路線改變，我需要執行某些任務。什麼是獲得理想結果的理想方式。

Answer 1

你最好的選擇是太看看onEnter和onLeave掛鉤。您可以使用它們像這樣：

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

的onEnter功能將通過三個參數：onEnter(nextState, replace, callback)。 nextState是路由器的下一個狀態，replace是一個可以調用重定向到不同路由的函數，並且callback是可選的。如果您使用callback，則只有在明確呼叫callback()之後纔會發生路由轉換。只是爲了避免這種情況而放棄它。

onLeave函數非常簡單，只要你的應用程序離開那條路由就會被調用。

你可以看到官方文檔here