Javascript 反应-来自状态的超高访问速率（api调用）

由于某些原因，我无法访问州内的费率obj

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

class SearchCurrency extends Component {
  constructor() {
    super();
    this.state = {
      data: {}
    }
  }

  componentDidMount() {
    axios
      .get('http://data.fixer.io/api/latest?access_key=b0ab4945712b358052a8fc54d02e7b3d&base=EUR&symbols=USD,CAD,CHF,GBP,AUD')
      .then(res => 
          this.setState({
            data: res.data
          })
        )
      .catch(err => console.log(err))

  //api call here

  }
  render() {

const test=this.state.data.rates
我试图在这里通过obj进行映射
//const obj=Object.keys（test.map）（i=>test[i]）
控制台日志（测试）；
//常量map=test.map（i=>
{i}
）
返回(
{/*{map}*/}
)
}
}
出口默认货币；

---

谢谢

在可用之前调用渲染，并抛出错误。确保使用if（如果）将其固定，如：

 const test = this.state.data.rates

  i try to map through obj here
  // const obj = Object.keys(test).map(i => test[i])

    console.log(test);

    // const map = test.map(i => <li>{i}</li>)
    return (
      <div>
        {/* {map} */}
      </div>
    )
  }
}
export default SearchCurrency;

if (!this.state || this.state.data) {
   return null;
}