next.js - useRouter/withRouter 在第一次渲染时收到未定义的查询

Question

我的动态路线有问题。它看起来像这样
[lang]/abc
我正在尝试从 [lang] 获取查询值但是当我使用 useRouter/withRouter我在页面的 2-3 渲染期间得到了查询(首先我得到了 query.lang = undefined)。有可能获得 1 个渲染或使用任何技术吗？

Answer 1

我发现了一些东西:

isReady: boolean - Whether the router fields are updated client-side and ready for use. Should only be used inside of useEffect methods and not for conditionally rendering on the server.https://nextjs.org/docs/api-reference/next/router#router-object

代码如下:

const router = useRouter();
useEffect(()=>{
    if(!router.isReady) return;

    // codes using router.query

}, [router.isReady]);