早上好 Stack Overflow，我在我的代碼中發(fā)現(xiàn)了一些奇怪的錯(cuò)誤。我正在通過(guò)本課程構(gòu)建一個(gè)簡(jiǎn)單的聯(lián)系人應(yīng)用程序，我有 4 個(gè)文件應(yīng)用程序.jsx： import React from "react";import Card from "./Card.jsx";function App() {  return (    <div>      <h1 className="heading">My Contacts</h1>      <Card id="0" />      <Card id="1" />      <Card id="2" />    </div>  );}export default App;卡片.jsx：function Card(props){  // console.log(contacts[props.id].name);   return ( <div className="card">    <div className="top">      <h2 className="name">{contacts[props.id].name}</h2>      <img className="circle-img"        src={contacts[props.id].imgURL}        alt="avatar_img"      />    </div>    <div className="bottom">      <Details id={props.id} infoType="name" />      {/* <Details infoType="email" /> */}    </div>  </div> )}細(xì)節(jié).jsx：import React from "react";import contacts from "../contacts.js";function Details(props){var type = props.infoType;console.log(props.infoType)console.log(contacts[props.id]);console.log(contacts[props.id].name);console.log(contacts[props.id].infoDetails)console.log(contacts[props.id].type); return (<p className="info">fds</p> )} export default Details;這里還有我的 contact.js 目標(biāo)文件以供參考：const contacts = [  {    name: "Beyonce",    imgURL:      "https://blackhistorywall.files.wordpress.com/2010/02/picture-device-independent-bitmap-119.jpg",    phone: "+123 456 789",    email: "b@beyonce.com"  },  {    name: "Jack Bauer",    imgURL:      "https://pbs.twimg.com/profile_images/625247595825246208/X3XLea04_400x400.jpg",    phone: "+987 654 321",    email: "jack@nowhere.com"  }, 當(dāng)在 Details.jsx 中調(diào)用前 3 個(gè) console.log() 語(yǔ)句時(shí)，會(huì)發(fā)生什么情況，它們都會(huì)準(zhǔn)確地記錄它們應(yīng)該記錄的內(nèi)容。第一個(gè)記錄 infoType，它是我們想要的“名稱”。第二個(gè)記錄有效的 id。第三個(gè)通過(guò)我們傳遞的 id 中的聯(lián)系人數(shù)組的索引記錄名稱的對(duì)象但是一旦我到達(dá)第 4 個(gè)和第 5 個(gè) console.log() 語(yǔ)句，它就無(wú)法再讀取對(duì)象并獲取讀作“未定義”；我認(rèn)為這會(huì)很容易，因?yàn)槲覀儚臄?shù)組中選擇了帶有我們傳遞的 ID 索引的聯(lián)系人，但我不能通過(guò)執(zhí)行 contacts[props.id].props.infoType 或?qū)?infoType 存儲(chǔ)為諸如 infoDetails 之類的變量，而不是僅僅附加諸如 contacts[props.id].infoDetail 之類的變量。它似乎只是打破并變成了一個(gè)未定義的對(duì)象。任何幫助都會(huì)很棒，因?yàn)槲覍?duì)這里發(fā)生的事情很困惑