React
サーバー側レンダリングの概要
サーチ…
レンダリングコンポーネント
サーバ上でコンポーネントをレンダリングするには、 renderToString
とrenderToStaticMarkup
2つのオプションがあります。
renderToString
これにより、Reactコンポーネントがサーバー上のHTMLにレンダリングされます。この関数はHTML要素にdata-react-
も追加data-react-
ので、クライアントのReactは要素を再びレンダリングする必要はありません。
import { renderToString } from "react-dom/server";
renderToString(<App />);
renderToStaticMarkup
これにより、ReactコンポーネントがHTMLにレンダリングされますが、 data-react-
がなければ、コンポーネントは再レンダリングされるため、クライアントでレンダリングされるコンポーネントの使用はお勧めしません。
import { renderToStaticMarkup } from "react-dom/server";
renderToStaticMarkup(<App />);
Modified text is an extract of the original Stack Overflow Documentation
ライセンスを受けた CC BY-SA 3.0
所属していない Stack Overflow