使用 websocket 实时数据

Question

我正在尝试通过使用 websocket 从加密货币 API (min-api.cryptocompare.com/data) 获取实时数据，但不幸的是，我遇到了以下错误

: 失败: WebSocket 握手期间出错: 意外响应代码: 502

我能够通过 axios 从 API 获取数据并将其呈现在 UI 上。

 import React, {Component} from 'react';
 import axios from 'axios';

 // using websocket to get the live data
 var exampleSocket = new WebSocket('wss://min-api.cryptocompare.com/data/pricemulti?fsyms=ETH,DASH&tsyms=BTC,USD,EUR');

 exampleSocket.onmessage = function (event) {
        console.log('event.data', event.data);
 }

 class App extends Component {

  state = {
    persons: []
   }    
     componentDidMount() {
         console.log('DidMount');
        axios.get(`https://min-api.cryptocompare.com/data/pricemulti?fsyms=ETH,DASH&tsyms=BTC,USD,EUR`)
        .then(res => {
          const persons = res.data;
          this.setState({ persons });
       })
      .catch(error => {
        console.log(error);
     });
   }
 render() {
  return (
      <div>App </div>
      )
  }
 };
 export default App;

我需要在没有任何用户事件的情况下将实时数据呈现到我的 UI 中。 就像股票市场应用程序一样。

这只是演示应用程序，因此也可以使用不同的实时数据提供程序 API 来解决。

谢谢