React w / SignalR – TypeError:WebSocketClient()不是一个构造函数

React开发新function

我正在为BitTrex Exchange API构build一个API客户端,使用它们的node.js包装器: node.bittrex.api

为了在ReactJS框架中简单地testing订单更新的websocket订阅,下面是我采取的步骤:

– 使用创build反应 – 应用程序来创build应用程序。
-used npm安装node.bittrex.api
– 将bittrex客户端对象添加到默认App.js组件的顶部,并使用适当的API密钥configuration选项
– 添加一个button(与处理程序绑定到buttonReact文档)到默认的App.js主要组件,
在处理函数中,根据node.bittrex.api文档中的示例代码启动websocket订阅。

该应用程序出现了,但是当我按下button,我得到一个错误,说TypeError Websocketclient()不是一个构造函数,在创buildwebsocket连接的SignalR.js中的行:

在这里输入图像描述

现在我怀疑只有一些与React框架有关的东西正在搞砸了。 任何人都可以帮助我理解错综复杂的东西吗? 谢谢。 这是我的App.js:

import React, { Component } from 'react'; import logo from './logo.svg'; import './App.css'; var bittrex = require('../node_modules/node.bittrex.api/node.bittrex.api.js'); bittrex.options({ 'apikey' : process.env.REACT_APP_BTREX_API_KEY, 'apisecret' : process.env.REACT_APP_BTREX_SECRET_KEY, 'verbose' : true, 'cleartext' : false, 'baseUrl' : 'https://bittrex.com/api/v1.1' }); class App extends Component { constructor(props) { super(props); this.handleClick = this.handleClick.bind(this); } handleClick() { bittrex.websockets.subscribe(['BTC-ETH','BTC-ANS','BTC-GNT'], function(data) { if (data.M === 'updateExchangeState') { data.A.forEach(function(data_for) { console.log('Market Update for '+ data_for.MarketName, data_for); }); } }); } render() { return ( <div className="App"> <div className="App-header"> <img src={logo} className="App-logo" alt="logo" /> <h2>Welcome to React</h2> </div> <br/> <button onClick={this.handleClick}>Start WS Sub</button> </div> ); } } export default App; 

Interesting Posts