React 渲染组件


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

renderToString

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

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

renderToStaticMarkup

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

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