如何使用 axios 从 React 中的 api 获取数据？答案

【问题标题】：How to fetch data from api in React by using axois?如何使用 axios 从 React 中的 api 获取数据？
【发布时间】：2020-09-10 19:40:35
【问题描述】：

如何在 React 中使用 axios 仅获取内部数据中的“33.3”？

state = {
   oil: "",
};

async componentDidMount() {
   const link = "http://api.net/api/live?access_" //it is fake api
   const requiest = await axios.get(link);

   this.setState({
   oil: requiest.series.data[0],
});
console.log(this.state.oil);
}

【问题讨论】：

您面临的错误是什么？从图片来看，series 似乎是一个数组，所以您可能需要重新考虑requiest.series.data
它说“无法读取未定义的属性'数据'”
你能试试requiest.series[0].data[0]这样的东西吗？ series 数组中有多少个对象？

标签： javascript json reactjs api axios

【解决方案1】：

在 axios 中，数据对象在 response.data 中

所以你应该这样做：

state = {
   oil: "",
};

async componentDidMount() {
   const link = "http://api.net/api/live?access_" //it is fake api
   const requiest = await axios.get(link);

   this.setState({
   oil: requiest.data.series[0].data[0],
});
console.log(this.state.oil);
}

这将为您获取第一个系列数组的第一个数据

【讨论】：