![](/img/trans.png)
[英]For some reason, cant get the data from an api to render on the screen using axios in Reactjs
[英]reactjs axios cant get api data
我無法從https://randomuser.me/api/獲取我的 api 數據
但是,當我使用另一個 api 時,例如http://dummy.restapiexample.com/api/v1/employees它可以工作。
錯誤:
import React from "react";
import "./App.css";
import Start from "./start";
function App() {
return (
<div className="App">
<Start />
</div>
);
}
export default App;
開始.js
import React, { Component } from "react";
import Axios from "axios";
class Start extends Component {
constructor(props) {
super(props);
this.state = {
results: []
};
}
componentDidMount() {
Axios.get("https://randomuser.me/api/").then(res => {
const results = res.data;
this.setState({ results });
console.log(results);
});
}
render() {
return (
<div>
{this.state.results.map(result => {
return <div>{result.id}</div>;
})}
</div>
);
}
}
export default Start;
問題是http://dummy.restapiexample.com/api/v1/employees返回數組,而https://randomuser.me/api/返回 object。 嘗試更改為
componentDidMount() {
Axios.get("https://randomuser.me/api/").then(res => {
const results = res.data.results;
this.setState({ results });
console.log(results);
});
}
你必須使用 res.data.results。 結果是 object。
請檢查您的 JSON 數據最后一行您錯過了http://dummy.restapiexample.com/api/v1/employees中的“}]”拼寫錯誤
componentDidMount() {
Axios.get("http://dummy.restapiexample.com/api/v1/employees").then(res => {
const results = res.data;
this.setState({ results: results });
});
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.