JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何在reactjs中包含外部JavaScript库大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我想知道如何在反应项目中包含一个外部 JavaScript库.例如,我想导入jspdf库: https://github.com/MrRio/jsPDF/blob/master/jspdf.js并在我的reactjs应用程序中使用它.

到目前为止,我试图像这样使用require:

let React = require('react');
let { Spacing,Typography } = Styles;
let DoughnutChart = require("react-chartjs").Doughnut;
let Chart = require('react-google-charts').Chart;
let { StylePropable,StyleResizable } = mixins;
let EditableDiv = require('../EditableDiv.jsx');
//some other library
//the library that matter for me
var pdfConverter = require('../utils/jspdf.source.js');

//then Ihave my classical react code which works and a function to generate ad pdf
_generatePdf: function(){
    console.log('GenraTing pdf');
    var doc = new pdfConverter.jsPDF('p','pt');
    var img = new Image();
}

我有以下错误:TypeError:pdfConverter.jsPDF不是一个函数.

为了使它工作,我做了一些丑陋的东西,我将jspdf-source.js的源代码复制到我的react.jsx文件中,然后只调用jsPDF而不是pdfConverter.jsPDF.它绝对没有正确的方法,但无法成功导入和使用该库.

你能告诉我我做错了什么以及如何纠正这个问题?
谢谢

-编辑-

当我使用我丑陋的解决方案(将源复制到我的文件中)时,我只需要执行以下操作:

var doc = new jsPDF('p','pt);

它工作得很好,期望我有一个非常大的文件

在@dAnnyjolie bellow建议的解决方案之后,我直接从npm包导入了jspdf,但我仍然无法使用该库.我尝试了以下代码导致错误:

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

TypeError:pdfConverter不是构造函数
这意味着我必须导入来自包的jsPDF,而不仅仅是jspdf?

然后我试

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

ReferenceError:未定义jsPDF

TypeError:converter不是构造函数

好吧,显然,我没有正确的方式进口正确的东西.
我做错了什么?

解决方法

首先,不要使用源文件.只需npm安装jspdf – 像任何其他包一样保存,并使用var pdfConverter = require(‘jspdf’);

其次,你在这行中缺少一个()var doc = new pdfConverter.jsPDF(‘p’,’pt’);

做这样的事情:

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

大佬总结

以上是大佬教程为你收集整理的如何在reactjs中包含外部JavaScript库全部内容,希望文章能够帮你解决如何在reactjs中包含外部JavaScript库所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。