我有一个基本的例子，我可以通过下标看到每个菜单项，但是.map格式失败了。下面是代码，我用PDF创建这个来帮助自己学习React. js，但是PDF不清楚，我可以附上PDF吗？
这是menu.js

import React from "react"
import MenuItem from "../MenuItem"
export default class Menu extends React.Component {
 render() {
 return (
 <div><h1>{this.props.menuName} Menu</h1>
 <MenuItem {...this.props.menuItems[0]}></MenuItem>
 <MenuItem {...this.props.menuItems[1]}></MenuItem>
 <MenuItem {...this.props.menuItems.map((item) => <p>item</p>)}></MenuItem>
 </div>
 )
 }

这是app.js

import "./App.css"
import MenuApp from "./components/MenuApp"
// let data = {...} (include the data array from above).
function App() {
    let menuData = [
    {
      menuName: "Dinner",
      menuItems: [
        {
          itemId: 1,
          itemPrice: "12",
          itemName: "Lasagne",
          itemDescription:
            "Meat and cheese layered between house-made pasta with bell peppers and onions.",
        },
                {
          itemId: 2,
          itemPrice: "10",
          itemName: "Cheese Ravioli",
          itemDescription: "Cheese-filled ravioli served with house red sauce.",
        },
        {
          itemId: 3,
          itemPrice: "14",
          itemName: "Chicken Parmesan",
          itemDescription:
            "Breaded chicken topped with marinara sauce and lots of cheese served over house made spaghetti.",
        },
        ]
    }]
  return (
   <div className="App">
       <MenuApp data={menuData}></MenuApp>
    </div>
  )
}
export default App

这是菜单应用程序. js

import "../../App.css"
import Menu from "../Menu"
function MenuApp() {
  return (
    <div className="App">
      <Menu
        menuName="Dinner"
        menuItems={[
          {
            itemId: 1,
            itemPrice: "12",
            itemName: "Lasagne",
            itemDescription:
              "Meat and cheese layered between house-made pasta with bell peppers and onions.",
          },
         {
          itemId: 2,
          itemPrice: "10",
          itemName: "Cheese Ravioli",
          itemDescription: "Cheese-filled ravioli served with house red sauce.",
        },
        {
          itemId: 3,
          itemPrice: "14",
          itemName: "Chicken Parmesan",
          itemDescription:
            "Breaded chicken topped with marinara sauce and lots of cheese served over house made spaghetti.",
        },

        ]}
      ></Menu>
    </div>
  )
}
export default MenuApp

这是菜单项. js

import React from "react"
export default class MenuItem extends React.Component {
 render() {
 return (
  <div>
 <span>${this.props.itemPrice}</span>
 <h2>{this.props.itemName}</h2>
 <p>{this.props.itemDescription}</p>
 <button>Add to Cart</button>
 </div>
 );
 }
}