我们在哪里以及为什么使用ReactDOMServer.renderToString()?在今天的版本中,我们是否使用这种方法?

时间:2019-08-29 05:10:45

标签: reactjs

所以我最近才知道这种方法,但是我不明白该在哪里使用这种方法,是否有必要使用这种方法?

1 个答案:

答案 0 :(得分:0)

如果您不介意服务器端渲染(SSR),则无需使用它。

有两种类型的客户端渲染和SSR。

当您使用邮递员说http://youtube.com来请求页面时,您可以说网站使用SSR,服务器将返回html标记以及来自后端的动态数据。对于SEO而言,允许漫游器抓取您的应用至关重要。它还通过First Contentful Paint(FCP)和互动时间(TTI)指标来提高网站的性能。

服务器端使用

rendertoString方法将React组件实例转换为HTML字符串。

另一方面,CSR只是从服务器返回此标记。

<html>
  <head>
    <!-- More tags here -->
  </head>
  <body>
      <div id="root"></div>
      <script src='/bundle.js'></script>
  </body>
</html>

大多数react-apps(例如create-react-app)都是在客户端渲染的。具有动态数据的标记由浏览器呈现。