react 中将页面转成pdf插件（react-to-pdf）

最新推荐文章于 2025-04-07 17:38:04 发布

左&耳

最新推荐文章于 2025-04-07 17:38:04 发布

阅读量1.2k

点赞数 7

文章标签： react.js pdf javascript

本文链接：https://blog.csdn.net/weixin_43925630/article/details/135379863

版权

本文介绍了如何在React应用中使用`react-to-pdf`库，通过`usePDF`hook创建一个按钮，点击后能将页面内的内容动态生成为PDF文件并下载，示例代码展示了如何设置PDF名称和引用目标元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

import { usePDF } from 'react-to-pdf';

const Component = () => {
   const { toPDF, targetRef } = usePDF({filename: 'page.pdf'});
   return (
      <div>
         <button onClick={() => toPDF()}>Download PDF</button>
         <div ref={targetRef}>
            Content to be generated to PDF
         </div>
      </div>
   )
}

https://github.com/ivmarcos/react-to-pdf