我有一个NextJS应用程序,它有一个页面可以显示来自我的API的一些信息。我现在有一个useEffect钩子,它有一个空的依赖列表来调用API。问题是,如果用户转到另一个页面并更改了他们的信息,当他们导航回第一个页面时,useEffect钩子不会再次运行,用户会看到过时的信息。
我知道这在某种程度上与NextJS不使用导航刷新页面状态有关,但我不确定如何解决它。我尝试使用NextJS useRouter钩子并将router.query. slug添加到useEffect依赖列表中,但似乎没有任何效果。
任何帮助都很感激,谢谢!
useEffect(() => {
loadInformation();
}, []);
当我导航回该页面时,不会触发此命令,但我希望它触发。
1条答案
按热度按时间cngwdvgl1#
你如何导航回那个页面?如果是通过一个按钮点击,也许你可以尝试使用router.push代替NextJS链接组件,或者添加router.asPath作为依赖项代替router.query.slug