Question

当尝试在reactJs中添加动态元数据（例如标题，描述，og_image等）时，它确实变得复杂。当我使用react-meta-tags软件包时，标题会更改，我可以在浏览器的Inspector上看到元数据已更改，但是当我在Facebook，WhatsApp等网站上共享时，我只会在默认索引中找到元数据.html

我在我的应用程序中使用redux，并且使用的是PHP（Yii2）后端，使服务器端参数如在线研究中看到的那样遥不可及。任何有关如何解决此问题的想法将不胜感激。

                    <MetaTags>
                        <title>{m.name}</title>
                        <meta name="description" content={mdetails} />
                        <meta property="og:title" content={name} />
                        <meta property="og:image" content={apiConstants.API_FILES+m.cover} />
                    </MetaTags>

Answer 1

我可以看到您的问题，我会考虑使用react-helmet。

您可以声明更改而无需任何自定义干预。

https://github.com/nfl/react-helmet

使用PHP后端和Redux在React JS中实现动态元标记

1 个答案: