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：ゲージは、これはラインを参照しているコンストラクタではありませんこのコードは次のとおりです。

var gauge = new Gauge(target); 

私のコンポーネントでこのスクリプトを使用するには、このスクリプトをどのように組み込むか/どのようにする必要がありますか？

Answer 1

Gauge（および他のオプション）をキーとしてオブジェクトとしてインポートされます。だからではなく、実行します。

var Gauge = Gauge.Gauge(target); 

は、あなただけのconsole.log(Gauge)