Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/442.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 将对象作为道具传递,并在react js中对其使用map()函数_Javascript_Reactjs_Web_Frontend - Fatal编程技术网

Javascript 将对象作为道具传递,并在react js中对其使用map()函数

Javascript 将对象作为道具传递,并在react js中对其使用map()函数,javascript,reactjs,web,frontend,Javascript,Reactjs,Web,Frontend,当我将对象数据作为道具传递给组件并使用map()函数循环遍历数据时,我得到错误TypeError:无法读取未定义的属性“map” 从“React”导入React 从“/social.module.css”导入样式; 从“@material ui/core”导入{按钮、排版、卡片内容、卡片操作、卡片} 社会常数=({ 偶像 标题 混合的, 红色 蓝色 项目 }) => { 返回( {title} {item.map(itm=>{itm.price})} ) } 导出默认社交项 我还没有看到“项”的

当我将对象数据作为道具传递给组件并使用
map()
函数循环遍历数据时,我得到错误
TypeError:无法读取未定义的属性“map”

从“React”导入React
从“/social.module.css”导入样式;
从“@material ui/core”导入{按钮、排版、卡片内容、卡片操作、卡片}
社会常数=({
偶像
标题
混合的,
红色
蓝色
项目
}) => {
返回(
{title}
{item.map(itm=>
  • {itm.price}
  • )} ) } 导出默认社交项
    我还没有看到“项”的外观,假设它是一个实际数组,您可以尝试添加以下内容:

    {item !== undefined && item.map(itm => <li>{itm.price}</li>)}
    
    
    {item!==undefined&&item.map(itm=>
  • {itm.price}
  • )}

    如果这不起作用,请检查您作为“item”道具传递给组件的内容。

    非常感谢您通过检查未定义的条件来工作。对于较短的语法,您可以执行
    !!item&&item.map…
    也是。