从next/head导入的next.js Head在共享页面上无法正常工作
从next/head导入的next.js Head在共享页面上无法正常工作
提问于 2020-07-13 15:54:07
我已经从create-react-app迁移到create-next-app到我的网站，但是Head(app/head)组件不能正常工作
假设我有一个博客，在pages中，我有以下结构: pages/ blog /index.js，pages/blog/slug.js。在slug.js中，我使用Head组件，所以它获取博客文章的标题：<Head><title>{post.title}</title></Head>问题是，当在博客文章上使用react-share时，它不会放入正确的标题，即使当我在页面上执行inspect元素时，我也可以看到正确的Head值，但是Facebook调试(https://developers.facebook.com/tools/debug/)工具无法识别正确的标题。
将使用任何帮助。谢谢，伙计们
回答 1
Stack Overflow用户
发布于 2020-07-16 03:33:20
答案是，您应该通过getInitialProps而不是通过useEffect访问数据，以便组件可以访问这些数据:)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/62871463
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号