Reactjs 我如何访问axios response promise并在我的网页上使用它？

我如何获得承诺，以便我可以使用我网站上的比特币价格

axios.get('https://api.coinmarketcap.com/v1/ticker/?convert=EUR&limit=10')
  .then(function(response){
    console.log(response.data[0].price_usd); 
  }); 

这是一个带有代码示例的代码笔

---

我们应该首先注意，在React中应小心处理外部请求，以便实际的反应性能够很好地保持其性能。这就是为什么我们要创建一个类以有组织的方式保存这个逻辑

consturl='1〕https://api.coinmarketcap.com/v1/ticker/convert=EUR&limit=10';
//我们的组件现在是一个完整的类
类BitcoinDisplay扩展了React.Component{
建造师（道具）{
超级（道具）；
//开始时没有可用的响应
this.state={response:false}；
}
//在调用API之前等待要呈现的组件
componentDidMount（）{
获取（URL）。然后（响应=>{
//使用响应更新状态
this.setState（{response}）
});
}
//使用可用数据呈现组件
render（）{
如果（！this.state.response）{
//显示加载状态，因为数据可能还不可用
返回“正在加载数据…”；
}否则{
返回（{response.data[0].price_usd}）；
}
}
}

然后，在DOM中渲染它

ReactDOM.render（BitcoinDisplay，document.getElementById（'app'））；