Importieren von Gauge.js in die Komponente

Question

Ich versuche ein Javascript-Messskript (http://bernii.github.io/gauge.js/dist/gauge.min.js) in meine Komponente zu importieren.

Ich kopiere das Skript von (http://bernii.github.io/gauge.js/dist/gauge.min.js) in meine Komponenten-Ordner in (Gauge.js) umbenannt und erfordern es.

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

ich dann versuchen, das Messgerät Skript zu erstellen, es ist Konstruktor wie so verwenden, dies in componentDidMount() verwendet wird.

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

Mein

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

ich den Fehler machen:

Overview.js: 34 Uncaught Typeerror: Gauge ist kein Konstruktor Dies ist auf die Linie bezieht sich das hat diesen Code drauf:

var gauge = new Gauge(target); 

Haben Sie eine Idee, wie Sie dieses Skript einbinden/benötigen, damit ich es in meiner Komponente verwenden kann?

Answer 1

Es wird als Objekt mit Gauge (und anderen Optionen) als Schlüssel importiert. Anstatt also tun:

var Gauge = Gauge.Gauge(target); 

Wenn Sie sehen wollen, warum gerade console.log(Gauge)