Question

我正在尝试在我们的应用程序中实现react-helmet作为动态元标记，该标记使用服务器端呈现。我对它的设置（react-helmet）感到困惑，它正在工作但是在第一页加载时打破了。然而，第二次重新加载页面时显示的标签。我也在浏览器控制台中收到错误。请有人建议做什么？请参阅下面的代码，

我访问路线http://localhost:8081/about

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;

About.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>
        );
    }
});

请找到附件，

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

将react-helmet集成为动态元标记，用于反应js应用

0 个答案: