服务器端呈现和客户端呈现ReactJs

Question

我正在使用react-router来处理React中的服务器端呈现和客户端呈现。但是，由于我的应用程序的入口点也有以下代码：

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

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

Answer 1

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