将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)的components文件夹中，并需要它。

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 Uncaught TypeError: Gauge不是构造函数，它指的是包含以下代码的行：

var gauge = new Gauge(target);

对于如何包含/需要这个脚本，以便我可以在组件中使用它，有什么想法吗？

Answer 1

它是作为一个对象导入的，而量规(和其他选项)是一个键。因此，取而代之的是：

var Gauge = Gauge.Gauge(target);

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