0

我从 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;
4

0 回答 0