使用react+html2canvas+jspdf实现生成pdf文件

导入html2canvas和jspdf插件到项目中

npm install html2canvas
npm install jspdf

引入html2canvas和jspdf到jsx中

import jsPDF from 'jspdf';
import html2canvas from 'html2canvas'

定义一个div和需要生成pdf的页面

<div id="demo">
        <div style={
  {marginTop:15}}>
            <div>
            尊敬的用户：
            </div>
            <div>
            依托本系统管理节能，本月共计发生计划外事件0起，有效介入管控事件0起，累计管控收益0元。
            </div>
        </div>
</div>

定义一个触发生成报告的按钮

<Button onClick={download}>
        生成报告
</Button>

实现download方法

const download = () => {
    setIsLoading(true);
    var element = document.getEle