在 nextjs 中访问动态查询参数

Question

我有一个带有 nextjs 的项目，我有这样的路线 => /categories/224?brand[0]=6。 我想当这个查询改变时 forExample /categories/224?brand[0]=8 我的 useEffect 再次运行这是我的 useEffect

 const router = useRouter(); useEffect(()=>{ console.log('hey there'); },[])

我不希望我的 useEffect 在整个 router.query 更改时运行，我只是在 router.query.brand[0] 更改时运行。

Answer 1

首先简单的答案是将要控制 useEffect 的变量放在其依赖数组中

useEffect(() => {
    console.log('hello')
}, [router.query.brand])

正如 juiliomalves 指出的那样。

现在router.query.brand中的每一个变化都会触发这个 useEffect 代码。 但是，无论您的 useEffect 如何，其他路由器更改通常都会影响页面。

Answer 2

 const router = useRouter(); useEffect(()=>{ console.log('hey there'); },[])