反应客户端和服务器端呈现

Question

我正在研究一个反应应用程序。 我的要求是： - 1）前两页应始终从服务器端呈现。 2）其余页面应该是客户端呈现的。

例如： - http://foo.com和http://foo.com/about我想总是从服务器端渲染。 http://foo.com/FAQ，http://foo.com/contact我想从客户端渲染。

实现这一目标的正确方法是什么？

Answer 1

您应该使用ReactDOMServer，特别是renderToString()方法。

<强> ReactDOMServer.renderToString（元件）

  

将React元素渲染到其中   最初的HTML。这应该只在服务器上使用。反应会   返回一个HTML字符串。您可以使用此方法生成HTML   服务器并在初始请求上向下发送标记以获得更快的页面   加载并允许搜索引擎抓取您的网页进行搜索引擎优化   目的。

     

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