繁体字看起太痛苦了，不知道我的简体中文，大兄弟看得明白不。。。
我猜你是碰到了前端spa的单页应用的seo问题。

针对react，在现有基础上最好的方法应该是react ssr了吧，前后端同构。
来个门：
https://zhuanlan.zhihu.com/p/...

虽然回答过你的问题，那么既然你在这里也问了，再回答一次吧。推荐下面这种办法，不推荐后端渲染的方式，要是这些问题不能通过前端解决，那我们前端工程师还有脸跟后端要同样的薪水吗？不就成了一个只会写css的了？

import React from 'react';
 import DocumentMeta from 'react-document-meta';

  class Example extends React.Component {
    render() {
      const meta = {
        title: 'Some Meta Title',
        description: 'I am a description, and I can create multiple tags',
        canonical: 'http://example.com/path/to/page',
        meta: {
        charset: 'utf-8',
        name: {
        keywords: 'react,meta,document,html,tags'
       }
    }
 };

  return (
     <p>
       <DocumentMeta {...meta} />
       <h1>Hello World!</h1>
     </p>
   );
 }
}

React.render(<Example />, document.getElementById('root'));