我自己學習 react 和 js。請解釋為什么會出現這種情況。PS：請原諒我的大文本，我試圖盡可能清楚地解釋問題。謝謝。事情的本質：通過鉤子設置初始狀態：  const [pokemon, setPokemon] = useState({    img: "",    name: "",    types: [],    abilities: [],    moveList: [],    weight: "",    height: "",    description: "",    genus: "",    chanceToCatch: "",    evolutionURL: ""  });此外，我發出 api 請求以從 useEffect 內部獲取信息：useEffect(() => {    const fetchData = async () => {      await Axios({        method: "GET",        url: urlPokemonAPI      })        .then(result => {          const pokemonResponse = result.data;          /* Pokemon Information */          const img = pokemonResponse.sprites.front_default;          const name = pokemonResponse.name;          const weight = Math.round(pokemonResponse.weight / 10);          const height = pokemonResponse.height / 10;          const types = pokemonResponse.types.map(type => type.type.name);          const abilities = pokemonResponse.abilities.map(            ability => ability.ability.name          );          const moveList = pokemonResponse.moves.map(move => move.move.name);          setPokemon(() => {            return {              img: img,              name: name,              weight: weight,              types: types,              abilities: abilities,              moveList: moveList,              height: height            };          });        })問題特別出現eggGroups（具有相同的處理abilities并且types沒有這樣的問題）。這就是當我想<div> Egg Group: {pokemon.eggGroups} </div>在數據正常顯示時將數據輸出到頁面時發生的情況，但只要我想輸出eggGroups以及abilities用types逗號（join ( ',')）分隔 - 錯誤：TypeError: pokemon.eggGroups is undefined。我決定通過控制臺檢查這件事，并將這個eggGroups密鑰塞進超時：在某些時候，eggGroups變得未定義......為什么，我無法理解。但是如果我單獨設置狀態，const [egg, setEgg] = useState ([]); setEgg (eggGroups);就不會觀察到這樣的問題。為什么會這樣？一切都很好types和abilities。先感謝您。