下一个js应用程序转到上一页时不显示数据

Question

我正在使用 nextjs 开发一个无头 wordpress 网站。该站点显示 post 的列表，当您单击它们时，您可以在新页面中查看每个 post 的详细信息。当您在个人 post 的页面中时，您可以单击 "BACK" 按钮或使用导航栏返回 post 列表所在的主页。我的问题是，如果有人分享 post 之一的 link，假设 https://example.com/example-post post 页面显示正确，但是当您尝试导航到主页时页面，它不会显示 post 列表，除非我刷新页面。我检查了一下，我正在从 wordpress 获取数据。但状态没有更新。我正在使用 useState 来更新状态：

  useEffect(() => {
    setPosts(data && data.posts.nodes.sort());
  }, []);

好像不开机，除非我直接从浏览器刷新。

Answer 1

我能够通过将 data 作为 useEffect() 的触发器来解决这个问题，如下所示：

  useEffect(() => {
    setPosts(data && data.posts.nodes.sort());
  }, [data]);

下一个js应用程序转到上一页时不显示数据

Data not displaying when going to previous page next js application

setstate

reactjs

next.js

use-effect