为什么动态元打开图形标签不工作?

Question

我使用Strapi作为cms为我的项目和Nextjs，我应该使元打开图形标签内容动态，部署后，我尝试复制和粘贴我的网站链接到社交媒体(FB, WhatsApp等)，但标题和描述不出现，这是我的代码:

<meta
property="og:title"
content={(data.SEO.metaTitle) || ""}
/>
<meta
property="og:description"
content={(data.SEO.metaDescription) || ""}
/>

它只工作时，我硬编码的内容，任何解决方案?

Answer 1

在做了一些研究之后，没有显示meta标签的原因是因为我仍然使用客户端呈现(通过使用useState和useEffect)，这就是为什么meta标签不会出现的原因。解决方案是使用getServerSideProps，因此它将在服务器

上呈现。参考:https://www.techomoro.com/render-dynamic-title-and-meta-tags-in-a-next-js-app/