元标记响应js

Question

我有一个小问题。

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

我大量搜索了元标记及其在 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>
}

有效，标题中有我的用户名，并根据需要提供说明。

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

我该如何解决？