javascript - 未处理的拒绝(TypeError):respo.json 不是函数
问题描述
我是 React 的初学者,遇到了一些问题。遇到问题 Unhandled Rejection (TypeError):respo.json 不是函数。
import React, { useEffect } from "react";
import { useState } from "react";
import logo from "./logo.svg";
import "./App.css";
import axios from "axios";
function App() {
const { monster, setMonster } = useState([]);
useEffect(() => {
async function fetchData() {
const respo = await axios.get("https://jsonplaceholder.typicode.com/users");
const resp = await respo.data;
setMonster({ monster: [...resp] });
}
fetchData();
}, [monster]);
return (
<div className="App">
<p>{console.log(monster)}</p>
</div>
);
}
export default App;
解决方案
您的响应有一个您需要获取的数据键。
import React, { useEffect } from 'react';
import {useState} from 'react';
import logo from './logo.svg';
import './App.css';
import axios from 'axios';
function App() {
const [monster,setMonster]=useState([]);
useEffect(()=>{
async function fetchData() {
const respo=await axios.get('https://jsonplaceholder.typicode.com/users')
const resp=await respo.data;
setMonster({monster:[...respo]});
}
fetchData();
},[]);
return (
<div className="App">
<p>{console.log(monster)}</p>
</div>
);
}
export default App;
工作代码:https ://codesandbox.io/s/elated-platform-1itbi?file=/src/App.js
推荐阅读
- c++ - C++ - 无法理解二叉树递归函数(插入)
- javascript - 将值添加到对象 javascript
- javascript - 在 module.exports 中使用时,导入的函数未定义
- docker - 无法在 Centos 7 上的 Docker 中运行 Apache Kylin
- jwt - Aurelia 刷新访问令牌并重新发送失败的请求
- c# - 使用 AssemblyInstaller 卸载服务后,我无法删除 .exe 文件
- python - Python/Pandas 中水平行的百分位数
- angular - 如何始终显示 ng-select 的占位符?
- html - 为什么要使用
- python - PyTorch 的 conv1d 和 SciPy 的 convolve 结果不同