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

Question

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

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

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

Answer 1

您将看到两个呈现，因为第一个服务器呈现您的应用程序并将其发送到浏览器；然后React在前端第二次呈现您的代码，这将进入虚拟DOM，它看不到任何区别，因此它不会更改您的实际DOM。它需要第二个渲染器将代码放入虚拟DOM中，以便在前端处于活动状态，为下一步移动做好准备。