Reactjs 反应客户端和服务器端渲染

Reactjs 反应客户端和服务器端渲染,reactjs,Reactjs,我正在开发一个react应用程序。 我的要求是:- 1) 前两页应始终从服务器端呈现。 2) 应在客户端呈现Rest页面 例如:- 我希望始终从服务器端渲染。 ,我想从客户端渲染 实现这一点的正确方法是什么?您应该使用ReactDOMServer和具体的renderToString()方法 ReactDOMServer.renderToString(元素) 将React元素渲染到其 初始HTML。这应该只在服务器上使用。反应意志 返回一个HTML字符串。您可以使用此方法在上生成HTML 服务器,

我正在开发一个react应用程序。 我的要求是:- 1) 前两页应始终从服务器端呈现。 2) 应在客户端呈现Rest页面

例如:- 我希望始终从服务器端渲染。 ,我想从客户端渲染


实现这一点的正确方法是什么?

您应该使用
ReactDOMServer
和具体的
renderToString()
方法

ReactDOMServer.renderToString(元素)

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

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


您使用的是哪种后端?我使用express作为后端,需要在其中定义路由?如果我使用上述方法,那么第二个页面将在客户端生成。您需要在一个单独的文件中定义它,该文件将是您的expressjs默认文件,即您的服务器。有关更多信息,请参阅react router文档。如果您使用链接导航,则第二页及以后的页面将是客户端。