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

【问题标题】：Data not displaying when going to previous page next js application转到上一页下一个js应用程序时不显示数据
【发布时间】：2020-06-28 15:19:02
【问题描述】：

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

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

除非我直接从浏览器刷新，否则它似乎不会启动。

【问题讨论】：

标签： reactjs next.js setstate use-effect

【解决方案1】：

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

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

【讨论】：