在NextJS中导航回页面时强制使用useEffect



我有一个带有页面的NextJS应用程序来显示来自我的API的一些信息。我目前有一个useeffect钩子,它带有一个空的依赖列表来调用API。问题是,如果用户随后转到另一个页面并更改了他们的信息,当他们导航回第一个页面时,useEffect钩子不会再次运行,并且用户显示的是过时的信息。

我知道这在某种程度上与NextJS不刷新带有导航的页面状态有关,但我不确定如何绕过它。我试过使用NextJS useRouter钩子并将router.query.slug添加到useEffect依赖列表中,但这似乎没有做任何事情。

任何帮助都是感激的,谢谢!

useEffect(() => {
loadInformation();
}, []);

当我导航回页面时,它不会触发,但我希望它触发。

如何导航回该页面?如果是通过点击按钮,也许你可以尝试使用路由器。推送而不是NextJS Link组件或添加路由器。path作为依赖项而不是router.query.slug

相关内容

  • 没有找到相关文章

最新更新