渲染元件

在伺服器上呈現元件有兩個選項：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 />);