服务器端渲染和客户端渲染 ReactJs

【问题标题】：server side rendering and client side rendering ReactJs服务器端渲染和客户端渲染 ReactJs
【发布时间】：2015-10-09 14:56:44
【问题描述】：

我正在使用 react-router 来处理 React 中的服务器端渲染和客户端渲染。但作为我的应用程序的入口点也有以下代码：

 Router.run(routes, Router.HistoryLocation, function(Handler, state) {
  React.render(<Handler/>, document.body)
   })

渲染被调用了两次。如何处理这种情况。

【问题讨论】：

【解决方案1】：

您将看到两个渲染，因为首先服务器渲染您的应用并将其发送到浏览器；然后 React 在前端再次渲染你的代码，这会进入虚拟 DOM，它不会看到任何区别，所以它不会改变你的实际 DOM。它需要第二次渲染才能让您的代码进入虚拟 DOM，以便在前端处于活动状态，为下一步做好准备。

【讨论】：