react-to-printを使って横向き印刷をする - Qiita

ReactでWebアプリを作成する際、表示内容を印刷する機能を作ることがあります。 react-to-printというライブラリを使うことで、割と楽にDOMを印刷することができたので、備忘録としてやり方などを記載します。 react-to-printのインストール npmなどでインストールできます。僕はyarnを使うので、 import { FC, useRef } from 'react' import ReactToPrint from 'react-to-print' const PrintComponent: FC = () => { const componentRef = useRef<HTMLDivElement>(null) return ( <> <div ref={componentRef}>印刷したいDOM</div> <ReactToPrint trigger={(