React 打印插件 -- react-to-print
一、安装依赖
npm install react-to-print
二、使用
import { useReactToPrint } from "react-to-print";
import React, { useRef, forwardRef } from 'react';
const Content = () => {
const contentRef = useRef(null);
const reactToPrintFn = useReactToPrint({ contentRef });
const TableComp = forwardRef((props, ref) => {
return (
<div ref={ref}>
打印区域
</div>
)
});
return (
<div>
<TableComp ref={contentRef} />
</div>
);
};
export default Content;