Reactjs 在react js应用程序中集成react头盔作为动态元标记_Reactjs_Meta Tags

Reactjs 在react js应用程序中集成react头盔作为动态元标记

reactjs

Reactjs 在react js应用程序中集成react头盔作为动态元标记,reactjs,meta-tags,Reactjs,Meta Tags,我试图在我们的应用程序中实现一个动态元标记，它使用服务器端呈现。我对它的setup（）有点困惑，它正在工作，但在第一页加载时就坏了。但是，第二次重新加载页面时，会显示标签。我在浏览器控制台中也遇到了错误。有人能建议怎么做吗？请看下面我的代码我走这条路线 Layout.jsx var React = require('react'); var Helmet = require('react-helmet'); var Layout = React.createClass({ displ

我试图在我们的应用程序中实现一个动态元标记，它使用服务器端呈现。我对它的setup（）有点困惑，它正在工作，但在第一页加载时就坏了。但是，第二次重新加载页面时，会显示标签。我在浏览器控制台中也遇到了错误。有人能建议怎么做吗？请看下面我的代码

我走这条路线

Layout.jsx

var React = require('react');
var Helmet = require('react-helmet');

var Layout = React.createClass({
    displayName: 'Layout',
    render: function() {
        "use strict";
        let head = Helmet.rewind();
        return (
            <html>
                <head>
                  <link rel='stylesheet' href='/css/application.css' />
                  {head.title.toComponent()}
                  {head.meta.toComponent()}
                  {head.link.toComponent()}
                </head>
                <body >
                    {this.props.children}

                </body>
            </html>
        );
    }
});

module.exports= Layout;

var React=require（'React'）；
var头盔=要求（“反应头盔”）；
var Layout=React.createClass({
displayName:“布局”，
render:function（）{
“严格使用”；
让头=头盔。倒带（）；
返回(
{head.title.toComponent（）}
{head.meta.toComponent（）}
{head.link.toComponent（）}
{this.props.children}
);
}
});
模块导出=布局；

关于.jsx

var React = require('react');
var Helmet = require('react-helmet');

module.exports = React.createClass({
    displayName: 'About',
    render: function() {
        return (
          <div>
            <Helmet
              title="About Title"
              meta={[
                  {"name": "about description", "content": "about Helmet application"}
              ]}
            />
            <p>
                Current: <strong>About</strong>
            </p>
          </div>
        );
    }
});

var React=require（'React'）；
var头盔=要求（“反应头盔”）；
module.exports=React.createClass({
displayName:“关于”，
render:function（）{
返回(

当前：关于

);
}
});

请查找附件，

请建议如何做，如果需要任何其他信息，请回复。

我已经尝试了您的代码，它工作正常。]()