在路由更改时更改组件的状态 - NextJS

Question

我正在尝试使用useState 钩子在点击特定路线时更改元素的背景。元素的背景已更改，但在其他页面上也已更改。有什么方法可以在路由更改时将元素的背景设置回默认值并仅在特定路由上使用钩子？

Answer 1

您可以使用next/router 跟踪路线何时发生变化。可能有几种方法可以实现您想要的。但也许最干净的方法是简单地监听路由更改事件：

https://nextjs.org/docs/api-reference/next/router#routerevents

或者您可以跟踪pathname 的值。有点取决于您的需求。