gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 09:52:08 27 4
gpt4 key购买 nike

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

enter image description here

最佳答案

我发现了一些东西:

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

关于next.js - useRouter/withRouter 在第一次渲染时收到未定义的查询,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61040790/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com