我知道同样的问题可能被问了很多次，但我还是找不到我想要的答案。
这是任务的代码：

import Navbar from './Navbar';
import "./Idea.css";
import GetData from '../restApiMethods/GetData';
import React from "react";

function Task() {
    const ids = GetData("ideas/id");
    return (
        <div>
            <Navbar />
            <div className="idea-design">   
                <div className="container">
                    {
                        ids.map((id,index) => {
                            return (
                            <div key={index}>
                                {
                                GetData(`ideas/${id}`).map((task,index) => {
                                    return(
                                        <div key={index} className="row border border-secondary">
                                            <div className="col">
                                                <div> 
                                                    <p>{task.taskDescription}</p>
                                                </div>
                                            </div>
                                        </div>
                                    )
                                })
                                }
                            </div>
                            )
                        })
                    }
                </div>
                </div>
            </div>
      
      )
}

export default Task

获取数据函数：

import axios from "axios";
import {useState, useEffect}  from "react";

function GetData(data) {

    const [datas, setDatas] = useState([]);

    useEffect(() =>{ 
    const fetchData = () => {
    axios.get(`http://localhost:8080/api/${data}`).then(res =>{
    console.log(res);
    setDatas(res.data);
        });
    };
        fetchData();
    }, []);
      
    return datas;
}

export default GetData

如果有人能给予我为什么会出现此错误：渲染比上一次渲染更多的挂钩，将非常有帮助。