Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/380.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 名单及;ReactJS:TypeError:无法读取属性';地图';未定义的_Javascript_Arrays_Reactjs_Function_React Component - Fatal编程技术网

Javascript 名单及;ReactJS:TypeError:无法读取属性';地图';未定义的

Javascript 名单及;ReactJS:TypeError:无法读取属性';地图';未定义的,javascript,arrays,reactjs,function,react-component,Javascript,Arrays,Reactjs,Function,React Component,我正在将一些HTML转换为ReactJS,并尝试使用转换列表功能。 我的意思是: 我真的很感谢你的帮助 我得到的错误是:TypeError:无法读取未定义的属性“map” 编译器将这一行作为问题: const menuPizzaList = props.pizzaItems.map((item) => 以下是文件中的所有代码: import React from 'react'; function PizzaList(props) { const m

我正在将一些HTML转换为ReactJS,并尝试使用转换列表功能。 我的意思是:

我真的很感谢你的帮助

我得到的错误是: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; 

之后的数据被传递到这个


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


更改

您正在将数据作为
项目
传递,而不是Pizza项目更改
或更改
this.props.items.map(…)

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