window.printで長いReact DOMは1ページだけをキャプチャします

Question

私はマークダウンをレンダリングする反応コンポーネントを持っており、マルチページにすることができます。 コンポーネントがブラウザでレンダリングされると、コンポーネントのスクロールがうまく動作します。

しかし、ページ上でwindow.printまたはctrl + Pを呼び出すと、プレビューでは1ページだけがキャプチャされます。スクロールせず、コンテンツを複数のページに分割しません。

これを解決する方法をお勧めしますか？

Answer 1

これを期待すると、他の人にとっては役に立ちます。

リアクションは仮想ポートをレンダリングし、ビューポートの内容のみをレンダリングします。フルコンポーネントではありません。そして印刷プレビューは、ビューポートの内容だけを取得していました。

すべてをIFrameにレンダリングしてIFrameを印刷して問題を解決しました。