我對這個函數(shù)有疑問，它與我創(chuàng)建的 dummydatabase.js 文件配合得很好，但是當(dāng)我從數(shù)據(jù)庫中獲取時，它就停止工作了......我以為它沒有正確獲取，但它工作正常。我不明白為什么它不起作用......請幫忙并提前致謝！編輯：這是我得到的錯誤。如果我的問題不清楚，我很抱歉！^^;Edit2：這是整個頁面的代碼。import React, { useState, useEffect } from 'react';import SearchBox from '../components/SearchBox';//import Group from '../components/Group';import GroupList from '../components/Group/GroupList';//import './App.css';import { exportedgroups } from '../dummyGroups';function GroupBox() {    const [groups, setGroups] = useState([]);    const [searchfield, setSearchfield] = useState('');    useEffect(() => {        fetch('http://localhost:3000/groups/get_all_groups')            .then(response => response.json())            .then(groups => { setGroups(groups.data.groups);                console.log('GroupBox');                console.log(groups.data.groups)                console.log('exportedgroups');                console.log(exportedgroups);            });        // setGroups(exportedgroups);        // console.log("local data" + exportedgroups);        // const getAllGroups = async () => {        //     let groupData = await fetch('http://localhost:3000/groups/get_all_groups');        //     let groupList = await groupData.json();        //     setGroups(groupList.data.groups);        // }        // getAllGroups();    }, []);    console.log(groups);    const onSearchChange = (event) => {        setSearchfield(event.target.value);    }    const filteredGroups = groups.filter(group => {        console.log("FilteredGroup");        console.log(group);        return group.name.includes(searchfield);    });    return (        <div className='GroupBox'>            <div className='flex'>                <div className='flex flex-column'>                    <div className='flex justify-start fw1 f3'>                        Groups                        </div>