React 打印插件 -- react-to-print

一、安装依赖

复制代码
npm install react-to-print

二、使用

javascript 复制代码
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;
相关推荐
江城开朗的豌豆5 分钟前
在写vue公用组件的时候,怎么提高可配置性
前端·javascript·vue.js
江城开朗的豌豆5 分钟前
Vue路由跳转的N种姿势,总有一种适合你!
前端·javascript·vue.js
江城开朗的豌豆6 分钟前
Vue路由玩法大揭秘:三种路由模式你Pick谁?
前端·javascript·vue.js
江城开朗的豌豆6 分钟前
Vue路由守卫全攻略:给页面访问装上'安检门'
前端·javascript·vue.js
小磊哥er13 分钟前
【前端工程化】前端组件模版构建那些事
前端
前端 贾公子14 分钟前
monorepo + Turborepo --- 开发应用程序
java·前端·javascript
江城开朗的豌豆19 分钟前
Vue路由传参避坑指南:params和query的那些猫腻
前端·javascript·vue.js
十里青山27 分钟前
超好用的vue图片预览插件更新啦,hevue-img-preview 7.0.0版本正式发布,支持vue2/vue3/移动/pc,增加缩略图、下载、自定义样式等
前端·javascript·vue.js
lichenyang45336 分钟前
css模块化以及rem布局
前端·javascript·css
小熊哥^--^37 分钟前
条件渲染 v-show与v-if
前端