reactjs 导航回NextJS中的页面时强制使用效果

nqwrtyyt  于 2023-01-01  发布在  React
关注(0)|答案(1)|浏览(140)

我有一个NextJS应用程序,它有一个页面可以显示来自我的API的一些信息。我现在有一个useEffect钩子,它有一个空的依赖列表来调用API。问题是,如果用户转到另一个页面并更改了他们的信息,当他们导航回第一个页面时,useEffect钩子不会再次运行,用户会看到过时的信息。
我知道这在某种程度上与NextJS不使用导航刷新页面状态有关,但我不确定如何解决它。我尝试使用NextJS useRouter钩子并将router.query. slug添加到useEffect依赖列表中,但似乎没有任何效果。
任何帮助都很感激,谢谢!

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

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

cngwdvgl

cngwdvgl1#

你如何导航回那个页面?如果是通过一个按钮点击,也许你可以尝试使用router.push代替NextJS链接组件,或者添加router.asPath作为依赖项代替router.query.slug

相关问题