Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/400.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将Gauge.js导入react组件_Javascript_Reactjs - Fatal编程技术网

Javascript 将Gauge.js导入react组件

Javascript 将Gauge.js导入react组件,javascript,reactjs,Javascript,Reactjs,我正在尝试将javascript规范脚本()导入到我的组件中以供使用 我将脚本从()复制到重命名为(Gauge.js)的components文件夹中,并需要它 var Gauge = require('./Gauge'); 然后我尝试使用它的构造函数创建gauge脚本,就像这样,这在componentDidMount()中使用 var target=this.refs.test; var仪表=新仪表(目标) 我的渲染 render(){ 返回( ); } 我得到一个错误: 概述.js:34未捕

我正在尝试将javascript规范脚本()导入到我的组件中以供使用

我将脚本从()复制到重命名为(Gauge.js)的components文件夹中,并需要它

var Gauge = require('./Gauge');
然后我尝试使用它的构造函数创建gauge脚本,就像这样,这在componentDidMount()中使用

var target=this.refs.test;
var仪表=新仪表(目标)

我的渲染

render(){
返回(
);
}

我得到一个错误:

概述.js:34未捕获类型错误:仪表不是构造函数这是指上面有以下代码的行:

var gauge = new Gauge(target);

您知道如何包含/需要此脚本以便在组件中使用它吗?

它将作为一个对象导入,并以Gauge(和其他选项)作为键。因此,我们应该:

var Gauge = Gauge.Gauge(target);

如果你想知道为什么你只想
console.log(Gauge)

你有没有弄明白这一点?对于Gauge,我特别使用了react-gaugejs,你也可以使用cdn或本地文件将其包含在HTML文件中。另一种选择是使用网页包和别名将这些脚本导入。网上有更多关于这方面的信息。最终找到了答案。我安慰了一下Gauge,发现它本身就是一个物体,Gauge(和其他人)是一把钥匙。所以我只做了
var-gauge=newgauge.gauge(目标)成功了。我试图将库转换为类,但失败了。你的回答救了我一天:)