将Gauge.js导入反应组件

Question

我正在尝试将javascript规范脚本（http://bernii.github.io/gauge.js/dist/gauge.min.js）导入我的组件中以供使用。

我将脚本从（http://bernii.github.io/gauge.js/dist/gauge.min.js）复制到我重命名为（Gauge.js）的组件文件夹中并要求它。

var Gauge = require('./Gauge');

然后我尝试使用它的构造函数来创建计量器脚本，这在componentDidMount（）中使用。

var target = this.refs.test; var gauge = new Gauge(target);

我的渲染

render() { return( <div className="GaugeTest"> <canvas width={this.props.width} height={this.props.height} ref="test" /> </div> ); }

我收到错误：

Overview.js：34未捕获的TypeError：Gauge不是构造函数这是指带有此代码的行：

var gauge = new Gauge(target);

有关如何包含/要求此脚本的任何想法，以便我可以在我的组件中使用它吗？

Answer 1

它被导入为具有Gauge（和其他选项）作为键的对象。所以改为：

var Gauge = Gauge.Gauge(target);

如果您想了解console.log(Gauge)

的原因