Axiosを使用してReactjsでApiからデータを取得する
ファラズ・アンワー
このコードでこのAPIhttps ： //randomuser.me/api/ ？ results = 25からデータをフェッチしようとしています
function Users() {
const [Users, setUsers] = useState([])
useEffect(() => {
axios.get('https://randomuser.me/api/?results=25')
.then(Response=>{
if(Response.data){
alert("FOund")
setUsers([Response.data])
}else{
alert("not found")
}
})
}, [])
const displaylist = Users.map((User,index)=>{
return(
<h3>{User.gender}</h3>
)
})
return (
<div>
{displaylist}
</div>
)
}
export default Users
しかし、何も表示されず、コンソールで次のエラーが発生します。警告：リスト内の各子には、一意の「キー」小道具が必要です。
のrenderメソッドを確認してくださいUsers。詳細については、https：//reactjs.org/link/warning-keysを参照してください。h3 at Users（http：// localhost：3000 / static / js / main.chunk.js：627：83）at div at App
miled nassim
Jsonの結果の使用法が間違っています、 `
if (Response.result) {
alert("FOund");
setUsers(Response.result);
} else {
alert("not found");
}`
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
axiosを使用してvuexのAPIからデータを取得する方法は？
- 2
Laravel 5.7-axios.getを使用してAPIからデータを取得する方法は？
- 3
Axiosを使用してVuexストアからデータを取得する
- 4
reactjsを使用してテーブルのAPIから取得したデータを表示する方法
- 5
JQuery/Ajax を使用して API からデータを取得する
- 6
axiosを使用して、reactでAPI属性を含むAPIからデータをフェッチする
- 7
reduxを使用してreactnativeでAPIからデータを取得する
- 8
DjangoでPythonを使用してAPIからJSONデータを取得する
- 9
AxiosとVueJSを使用してIDでデータを取得する
- 10
ReactJS を使用して配列内の配列からデータを取得する
- 11
ReactJSでフェッチを使用してAPIデータを取得する
- 12
ReactJSを使用してこのAPIデータを取得するにはどうすればよいですか
- 13
Vuejsでchartjsを使用してAPIからデータを取得してグラフを表示する方法
- 14
REST APIを使用してSFからSalesforceデータを取得できますか？
- 15
javascript配列オブジェクト/ JSONからデータを取得してReactJSで使用する方法
- 16
axiosとReactJSを使用してreactselect後にデータを取得するにはどうすればよいですか？
- 17
Pythonを使用してAPIから新しいデータのみを取得する
- 18
データベースからデータを取得してJFreechartで使用する
- 19
AxiosはAPIからデータを取得します-React.js
- 20
Service Acocuntを使用して、Google REST APIからデータを取得する
- 21
グラフAPIを使用してFacebookからデータを取得する
- 22
API、c# を使用して jsonwhoisapi.com から whois データを取得する
- 23
curl を使用して API からデータを取得するには?
- 24
配列を使用した応答からAxios応答データを取得する
- 25
困惑。axiosからvueのデータを取得して表示するにはどうすればよいですか？
- 26
Axios呼び出しから取得したデータを使用する
- 27
react.jsでAxiosを使用してAPIからデータをプルします。私は何が間違っているのですか？
- 28
axiosとreact-nativeでPOSTメソッドを使用してAPIデータを取得する
- 29
API からユーザー データを取得して React アプリで使用する方法は?
コメントを追加