我正在構(gòu)建這個(gè) React 應(yīng)用程序，但無法讓 ID、姓名和電子郵件道具正常工作。我正在嘗試從我的 robots.js 文件中隨機(jī)抽取機(jī)器人圖片、名稱和電子郵件并將其顯示在卡片上。任何幫助將不勝感激，這是我的代碼我不斷收到此錯(cuò)誤 TypeError: undefined is not an object (evaluating '_robots__WEBPACK_IMPORTED_MODULE_4__["robots"][0]')這是 index.js 文件    import React from 'react';    import ReactDOM from 'react-dom';    import './index.css';    import Card from './Card';    import { robots } from './robots';    import * as serviceWorker from './serviceWorker';    ReactDOM.render(                    <div>                      <Card id={robots[0].id} name={robots[0].name} email={robots[0].email} /> //it's saying this line of code is where the error is coming from                      <Card id={robots[1].id} name={robots[1].name} email={robots[1].email} />                      <Card id={robots[2].id} name={robots[2].name} email={robots[2].email} />                    </div>      , document.getElementById('root'));    serviceWorker.unregister();這是 robots.js 文件，我只粘貼了數(shù)組中的一些對(duì)象，以便您了解    export const robots = [      {        id: 1,        name: 'Leanne Graham',        username: 'Bret',        email: 'Sincere@april.biz'      },      {        id: 2,        name: 'Ervin Howell',        username: 'Antonette',        email: 'Shanna@melissa.tv'      },      {        id: 3,        name: 'Clementine Bauch',        username: 'Samantha',        email: 'Nathan@yesenia.net'      },    ];這是 Card.js 文件    import React from 'react';    import 'tachyons';    const Card = ({name, email, id}) =>{      return(        <div className="tc bg-light-green dib br3 pa3 ma2 grow bw2 shadow-5">          <img alt='robots' src={'https://robohash.org/${id}?200x200'} />          <div>            <h2>{name}</h2>            <p>{email}</p>          </div>        </div>      );    }    export default Card;