渲染组件

在服务器上呈现组件有两个选项:renderToStringrenderToStaticMarkup

renderToString

这将在服务器上将 React 组件呈现为 HTML。此函数还将向 HTML 元素添加 data-react- 属性,因此客户端上的 React 不必再次呈现元素。

import { renderToString } from "react-dom/server";
renderToString(<App />);

renderToStaticMarkup

这会将 React 组件呈现为 HTML,但是如果没有 data-react- 属性,则不建议使用将在客户端呈现的组件,因为组件将重新呈现。

import { renderToStaticMarkup } from "react-dom/server";
renderToStaticMarkup(<App />);