我从 api 获取数据(在 localhost:4001/ 中),我在控制台中获取了数据,但它没有列出并且显示错误“警告:无法对未安装的组件执行 React 状态更新。这是一个否-op,但它表明您的应用程序中存在内存泄漏。要修复,请取消 useEffect 清理函数中的所有订阅和异步任务。”并且还显示另一个错误“Category.js:59 Uncaught TypeError: category.map is not a function ”。
这是我的代码。//在此处输入代码
import React, { useEffect, useState } from "react";
import axios from "axios";
function Category() {
const [category , setCategory]=useState([]);
const getCategoryData= async () =>{
try{
const data= await axios.get("http://localhost:4001/category");
console.log(data.data);
setCategory(data.data);
}
catch(e){
console.log(e);
}
}
useEffect(() =>{
let isCancelled = false;
getCategoryData();
return () => {
isCancelled = true;
};
} ,[]);
return(
<>
<h2 style={{textAlign:"center"}}>Category List</h2>
{category.map((item)=>{
return <p>{item.id}-{item.category_name}</p>
})}
</>
);
}
export default Category;