小编Afx*_*ush的帖子

我想在每次加载页面时随机化一个数组。我正在使用 Nextjs，第一个问题是客户端和服务器不匹配，所以有人建议我需要将随机代码放入 useEffect 挂钩中，但我显然做错了。 ..我需要一些帮助来了解如何修复我的代码。

export default function IndexPage() {\n  useEffect(()=>{\n    let randomizeArray = [...array].sort(() => 0.5 - Math.random());\n\n    let selectedRandomArray = randomizeArray.slice(0, 3);\n  },[])\n\n  return (\n    <div>\n      {selectedRandomArray.map((s, id) => (\n        <div key={id}>\n          <h2>{s.name}</h2>\n        </div>\n      ))}\n    </div>\n  );\n}\n

这是 Codesandbox 中没有 useEffect 的示例。它有效，但我\xc2\xb4m在控制台中得到不匹配的客户端/服务器\n https://codesandbox.io/s/shuffle-array-and-return-random-values-in-nextjs-veqy3w?file=/pages/索引.js

我使用 MongoDb、Cloudinary（用于图像）和 Heroku（用于部署）制作了一个 Strapi 应用程序。我在部署 Graphql 之前安装了它。它在本地主机的开发模式下工作正常，graphql 游乐场显示正常。但在生产中，我在尝试显示 graphql 游乐场时遇到错误。它只显示一个空白页面，其中包含以下消息：

缺少 GET 查询

如果 url“some_name.heroku.com/graphql”不起作用，如何使用 graphql/Apollo 查询我的数据？