긴 React DOM의 window.print는 한 페이지 만 캡처합니다

Question

필자는 markdown을 렌더링하는 반응 요소가 있으며 여러 페이지가 될 수 있습니다. 브라우저에서 구성 요소를 렌더링 할 때 구성 요소의 스크롤이 올바르게 작동합니다.

하지만 페이지에서 window.print 또는 ctrl + P를 호출하면 미리보기에서 한 페이지 만 캡처됩니다. 스크롤하지 않고 여러 페이지로 분할하지 않습니다.

누군가 해결 방법을 제안 할 수 있습니까?

Answer 1

이 희망에 대답하면 다른 사람에게 유용 할 것입니다.

반응은보기 포트의 내용 만 렌더링하는 가상 DOM을 렌더링합니다. 전체 구성 요소가 아닙니다. 인쇄 미리보기는보기 포트의 내용 만 가져옵니다.

모든 것을 IFrame에 렌더링 한 다음 IFrame을 인쇄하여 문제를 해결했습니다.