reactjs - 元素类型无效：预期反应 CryptoCompare API 上的字符串

Question

不知道为什么会出现这个错误？

有人知道这个问题吗？

我已经更改了不起作用的版本的 react-dom。

我的 react-dom 是 react-dom": "^16.13.1"，改成 react-dom": "^16.2.0"

        import React, { Component } from 'react';
        import './App.css';
        import axios from 'axios';
        const NumberFormat = require('react-number-format');


        class App  extends Component {

          constructor(props) {
            super(props);

            this.state = {
              cryptos: []
            };
          }



      componentDidMount() {
        axios.get('https://min-api.cryptocompare.com/data/pricemulti?fsyms=BTC,ETH,IOT&tsyms=USD')
        .then(res => {
          const cryptos = res.data;
          console.log(cryptos);
          this.setState({cryptos: cryptos});
        })
      }

  render() {
    return (
      <div className="App">
        {Object.keys(this.state.cryptos).map((key) => (
          <div id="crypto-container">
            <NumberFormat value={this.state.cryptos[key].USD} displayType={'text'} decimalPrecision={2} thousandSeparator={true} prefix={'$'} />
          </div>
        ))}
      </div>
    );
  }
}

export default App;

在此处输入图像描述

在此处输入图像描述

标签： reactjscryptocurrency