當我選擇一個對象時出現錯誤，當前評論文件存儲在另一個文件中，我正在這個文件中訪問它，但出現錯誤TypeError: comments.map 不是一個函數我的代碼：import React from "react";import { Card, CardImg, CardImgOverlay, CardText, CardBody, CardTitle } from "reactstrap";function RenderDish({ dish }) {  if (dish != null) {    return (      <div className="col-12 col-md-5 m-1">        <Card>          <CardImg width="100%" object src={dish.image} alt={dish.name}></CardImg>          <CardBody>            <CardTitle>{dish.name}</CardTitle>            <CardText>{dish.description}</CardText>          </CardBody>        </Card>      </div>    );  } else {    return <div></div>;  }}function RenderComments(comments) {  if (comments != null) {    const commentsList = comments.map((Comment) => {      return (        <div className="container">          <li key={Comment.id}>            <p>{Comment.Comment}</p>            <p>              -- {Comment.author},              {new Intl.DateTimeFormat("en-US", { year: "numeric", month: "short", day: "2-digit" }).format(new Date(Date.parse(Comment.id)))}            </p>          </li>        </div>      );    });    return (      <div className="col-12 col-md-5 m-1">        <h3>Comments</h3>        <ul className="list-unstyled">{commentsList}</ul>      </div>    );  } else {    return <div></div>;  }}const DishDetail = (props) => {  console.log("Dishdetail Component render invoked");  if (props.dish != null) {    return (      <div className="row">        <RenderDish dish={props.dish} />        <RenderComments comments={props.dish.comments} />      </div>    );  } else {    return <div></div>;  }};export default DishDetail;