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

Question

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

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

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

Answer 1

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