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;