如何在使用React的同时制作静态主页？

Question

根据我的理解，React.js并不是SEO友好的。我想让我的主页保持静态，并且没有让React参与渲染它，以便我可以优化它以尽可能地使用SEO。最好的方法是什么？

Answer 1

您需要使用server side rendering，它利用React renderToString方法，需要动态Web服务器。 Here's a tutorial.

  

<强> renderToString（）

     

将React元素渲染为其初始HTML。这应该只用于   在服务器上。 React将返回一个HTML字符串。你可以用它   在服务器上生成HTML并在其上发送标记的方法   初始请求更快的页面加载和允许搜索引擎   抓取您的网页以进行搜索引擎优化。

     

如果在已有此节点的节点上调用ReactDOM.render（）   服务器呈现的标记，React将保留它并仅附加事件   处理程序，允许您具有非常高性能的首次加载   经验。