首页 > 解决方案 > 使用php后端和redux在react js中实现动态元标记

问题描述

尝试在 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>

标签: javascriptphpreactjsreact-reduxreact-helmet

解决方案


我可以看到你的问题,我会考虑使用react-helmet.

您可以在没有任何自定义干预的情况下声明更改。

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


推荐阅读