在 Next.js 中更改路由时删除 classList

Question

每当 Next.js 中的路线发生变化时，我想删除 classList，我正在尝试这个：

React.useEffect(() => {
 const activatedLink = router.query.tags
 const classActivated = document.querySelector('.'+activatedLink)
 if(router.asPath) {
    classActivated?.classList.add('link-on')
 }
 else classActivated?.classList.remove('link-on')
}, [router.asPath])

知道如何在路由更改时删除 classList 吗？

Answer 1

React.useEffect(() => {
   const activatedLink = router.query.tags
   const classActivated = document.querySelector('.'+activatedLink)
   if(router.asPath === '/some/path') {
      classActivated?.classList.add('link-on')
   }else{
     classActivated?.classList.remove('link-on')
   }
},[router.asPath])