Reactjs 反应客户端和服务器端渲染
我正在开发一个react应用程序。 我的要求是:- 1) 前两页应始终从服务器端呈现。 2) 应在客户端呈现Rest页面 例如:- 我希望始终从服务器端渲染。 ,我想从客户端渲染Reactjs 反应客户端和服务器端渲染,reactjs,Reactjs,我正在开发一个react应用程序。 我的要求是:- 1) 前两页应始终从服务器端呈现。 2) 应在客户端呈现Rest页面 例如:- 我希望始终从服务器端渲染。 ,我想从客户端渲染 实现这一点的正确方法是什么?您应该使用ReactDOMServer和具体的renderToString()方法 ReactDOMServer.renderToString(元素) 将React元素渲染到其 初始HTML。这应该只在服务器上使用。反应意志 返回一个HTML字符串。您可以使用此方法在上生成HTML 服务器,
实现这一点的正确方法是什么?您应该使用
ReactDOMServer
和具体的renderToString()
方法
ReactDOMServer.renderToString(元素)
将React元素渲染到其
初始HTML。这应该只在服务器上使用。反应意志
返回一个HTML字符串。您可以使用此方法在上生成HTML
服务器,并在初始请求页面上向下发送标记
加载并允许搜索引擎抓取您的页面进行SEO
目的
如果在已具有此属性的节点上调用ReactDOM.render()
服务器呈现的标记,React将保留它,并且仅附加事件
处理程序,允许您进行非常高性能的首次加载
经验
您使用的是哪种后端?我使用express作为后端,需要在其中定义路由?如果我使用上述方法,那么第二个页面将在客户端生成。您需要在一个单独的文件中定义它,该文件将是您的expressjs默认文件,即您的服务器。有关更多信息,请参阅react router文档。如果您使用链接导航,则第二页及以后的页面将是客户端。