当前位置: 首页 > 面试题库 >

如何从React制作PDF?

姜嘉荣
2023-03-14
问题内容

我将在React.JS中使用jsPDF库,但出现错误,如果有人得到我的查询,请告诉我。我尝试这样做超过2天,但我做不到。


问题答案:

第1步:

Package.json依赖项

"jspdf": "git://github.com/MrRio/jsPDF/#76edb3387cda3d5292e212765134b06150030364"

这是由于jspdf for npm无法正常工作。

第2步:

添加打印功能:

onPrint() {
    const { vehicleData } = this.props.parkedVehicle;
    const {


    plate_no,
      max_time,
      entry_date_time,
      exit_date_time,
      expiry_time,
      address1,
      address2,
      city,
      state,
      zip,
      country,
      parking_status
    } = vehicleData;

    var pdfConverter = require('jspdf');
    //var converter = new pdfConverter();
    //var doc = converter.jsPDF('p', 'pt');

    var doc = new pdfConverter('p','pt','c6');

    doc.setFontSize(22);
    doc.text(20, 50, 'Park Entry Ticket');
    doc.setFontSize(16);
    doc.text(20, 80, 'Address1: ' + address1);
    doc.text(20, 100, 'Address2: ' + address2);
    doc.text(20, 120, 'Entry Date & time: ' + entry_date_time);
    doc.text(20, 140, 'Expiry date & time: ' + exit_date_time);
    doc.save("test.pdf");
}

而且对我来说很好。



 类似资料:
  • 问题内容: 我有Tapjoy来源资源,其结构如下: 必须使用Android API Level 9和更高版本进行编译。我的项目的版本为Android API Level 8。 因此,我需要从文件源中提取文件并将其包含到我的主项目中。 如何使用命令行或Eclipse正确制作文件? 问题答案: 或从命令行

  • 我想问一下如何从对象生成xml? 假设它是json,我只需要使用jaskson或Gson 但是对于我通过互联网搜索的xml,它似乎需要先构造文档?比如将其写入流写器,然后输出到某个目录成为文件(xxx.xml)? 但我的目的是(从一个物体上)构造 如果有人能帮我解析,我会非常高兴。我的意思是,比如如何调用Http请求,将xml放入正文,并发送到某个url。 这里是我在kotlin中的代码,但这不是

  • 我能够在服务器端预加载所有需要的状态,并将这些初始状态传递给客户端应用程序的redux存储。 我已启用redux logger以查看我的应用程序中发生了什么,并且正在从存储中重新提取状态。这是因为我的组件在期间调用了必要的操作。以下是减速器、动作和组件的示例: 我使用的,它创建promise操作(实现,拒绝,挂起)。 在安装组件时调用该操作。我的理解是,即使在服务器端呈现组件以通知JS它存在,也会

  • 问题内容: 我的问题与使反应挂钩成为可能的Javascript机制有关。 React的最新发展使我们能够创建钩子。对于React状态,在以下简单函数中: 挂钩返回带有访问器和变量的数组,我们通过App函数内部的数组分解来使用它们。 因此,在幕后,该钩子看起来像(只是一个伪代码): 当您在JS中尝试此方法时,它将无法正常工作- 如果您在某处使用,从数组分解的值将不会更新。即使您将用作对象,也不能使用

  • 问题内容: 我注意到可以这样导入: …或像这样: 第一个导入模块中的所有内容(请参阅:导入整个模块的内容) 第二个仅导入模块导出(请参阅:导入默认值) 似乎这两种方法是不同的,并且根本上是不兼容的。 为什么它们都起作用? 请参考源代码并解释该机制…我有兴趣了解其工作原理。 ES6常规模块信息回答了该问题。 我在问使模块像这样工作的机制。在这里,它似乎与源代码中的 “ hacky”导出机制有关,但尚

  • 我是新手,我有一个很基本的问题。我需要知道如何制作嵌套组件。 我有一个显示菜肴列表的组件“MenuComponent”和一个显示所选菜肴描述的函数。我只需要把所选菜的功能放在一个单独的组件中。 我的代码如下 应用程序JS MenuComponent.js dishes.js 我很困惑,我需要把选定的菜分成一个单独的成分。我怎么能那么做。