我将一些HTML转换为ReactJS,并且我正在尝试使用转换列表功能。
我的意思是:https://reactjs.org/docs/lists-and-keys.html

我真的很感谢您的帮助。

我得到的错误是:TypeError:无法读取未定义的属性“ map”
编译器指出这一行是问题:

const menuPizzaList = props.pizzaItems.map((item) =>


这是文件中的所有代码:


    import React from 'react';

    function PizzaList(props) {

        const menuPizzaList = props.pizzaItems.map((item) =>

            <div key={item.id}>
                <br />
                <h1><b>{item.title}</b><span className="w3-tag w3-red w3-round">{item.special}</span>
                    <span className="w3-right w3-tag w3-dark-grey w3-round">{item.price}</span></h1>
                <p className="w3-text-grey">{item.about}</p>
            </div>
        );

        return (
            <div>
                {menuPizzaList}
            </div>
        )

    }

    export default PizzaList;



从数组中检索数据:


    //JSON object with menu items for pizza
    const pizzaItems = [
        {id:1, title:'Margherita', price:'$12.50', about: 'Fresh tomatoes, fresh mozzarella, fresh basil'},
        {id:2, title:'Formaggio', price:'$15.50', about: 'Four cheeses (mozzarella, parmesan, pecorino, jarlsberg)'},
        {id:3, title:'Chicken', price:'$17.00', about: 'Fresh tomatoes, mozzarella, chicken, onions'},
        {id:4, title:'Pineapple"o"clock', price:'$16.50', about: 'Fresh tomatoes, mozzarella, fresh pineapple, bacon, fresh basil'},
        {id:5, title:'Meat Town', special: 'Hot!', price:'$20.00', about: 'Fresh tomatoes, mozzarella, hot pepporoni, hot sausage, beef, chicken'},
        {id:6, title:'Parma', special: 'NEW', price:'$21.00', about: 'Fresh tomatoes, mozzarella, parma, bacon, fresh arugula'}

    ];



然后将数据传递到此


    <PizzaList items={pizzaItems}></PizzaList>

最佳答案

更改
<PizzaList items={pizzaItems}></PizzaList>

<PizzaList pizzaItems={pizzaItems}></PizzaList>

10-04 20:47