react-to-print

[react-to-print] 리액트 컴포넌트 프린트하기 💌

컴포넌트만 예쁘게 인쇄할 수 있는 라이브러리~ 실버채가 썼던 것이 생각나서 써보았다. yarn add react-to-print 설치하고 사용할 컴포넌트에서 import ReactToPrint from "react-to-print"; import { useRef } from "react"; ... const componentRef = useRef(null); ... // HTML 부분 프린트} content={() => componentRef.current} /> ref 하나 선언하고 , 프린트 버튼을 만들 부분에서 를 가져온다! 이 부분이 바로 버튼이 되는데, trigger 안에 버튼을 그대로 넣어주면 된다. (지금 나는 emotion을 사용해 커스텀한 버튼을 가져온 것) content엔 위에서 쓴 r..