reactjs - 元标签反应js

Question

我有一个小问题。

我的网络应用程序是用react js（客户端）和express js（服务器端）编写的。

我搜索了很多关于meta-tags的内容，以及它在react中的工作原理。Facebook、Twitter等网站采用原始文档中的元标记，而不是 js 创建的元标记。

现在我创建了这个库：https ://github.com/nfl/react-helmet 。它非常有用，但我不明白我错在哪里。

我有一个组件，我在componentWillMount()函数中加载信息，然后在我的render()函数中我有这个：

{!this.state.loading && this.state.user !== null && // setto i metatags
   <Helmet>
       <title>{this.state.user.username}</title>
       <meta property="og:title" content={this.state.user.biography}></meta>
   </Helmet>
}

它有效，我在 title 中有我的用户名，以及我想要的描述。

但是当我将链接复制到 Facebook 时，我看到了 index.html 文件中的原始标题和描述 。如果我从 index.html 中删除和其他元标记，我有一个空的“预览 url”。

我该怎么解决？

标签： reactjsmeta-tags