渲染组件
在服务器上呈现组件有两个选项:renderToString
和 renderToStaticMarkup
。
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 />);