当前位置: 首页 > article >正文

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;


http://www.kler.cn/a/535373.html

相关文章:

  • 02vue3实战-----项目目录详解
  • 京准:NTP卫星时钟服务器对于DeepSeek安全的重要性
  • Linux学习笔记16---高精度延时实验
  • 114,【6】攻防世界 web wzsc_文件上传
  • 三维粒子滤波(Particle Filter)MATLAB例程,估计三维空间中匀速运动目标的位置(x, y, z),提供下载链接
  • 剑指 Offer II 014. 字符串中的变位词
  • C++中的pair,pair和map的结合
  • 接口对象封装思想及实现-笔记
  • Servlet笔记(下)
  • 数据结构与算法学习笔记----博弈论
  • [转]Java面试近一个月的面试总结
  • ElasticSearch业务场景与面试题
  • PCA9685舵机控制板使用
  • OpenBMC:通过qemu-system-arm运行编译好的image
  • Windows编程:下载与安装 Visual Studio 2010
  • 深度学习 - 神经网络的原理
  • 基于多重算法的医院增强型50G全光网络设计与实践:构建智慧医疗新基石(下)
  • SpringAI介绍及本地模型使用方法
  • 【实战篇】巧用 DeepSeek,让 Excel 数据处理更高效
  • 【Ubuntu】ARM交叉编译开发环境解决“没有那个文件或目录”问题
  • DeepSeek模型构建与训练
  • 云计算——AWS Solutions Architect – Associate(saa)1、什么是云,AWS介绍
  • 网络爬虫js逆向之异步栈跟栈案例
  • Flink-WordCount源码解析
  • OpenGL学习笔记(十):初级光照:材质 Materials
  • DEEPSEKK GPT等AI体的出现如何重构工厂数字化架构:从设备控制到ERP MES系统的全面优化