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…
也是。