元素类型无效:应为react CryptoCompare API上的字符串

时间:2020-05-17 16:38:02

标签: reactjs cryptocurrency

我不知道为什么会发生此错误?

有人知道这个问题吗?

我已经更改了无法正常使用的版本的反应区。

我的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;

enter image description here

enter image description here

0 个答案:

没有答案