在 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])