[英]react map returned error of Objects are not valid as a React child
我无法使用lodash的地图渲染jxs。 我的渲染方法中有这个
return (
<div>
{map(groupedByMonths, (obj, index) =>
<div className="panel">
<div className="panel-heading">
{obj}
</div>
<div>{obj.price}</div>
</div>)}
</div>
)
但是我得到Objects are not valid as a React child
错误Objects are not valid as a React child
groupedByMonths
Objects are not valid as a React child
groupedByMonths
结构看起来像这样
{
"April": [
{
"price": 0,
},
{
"price": 12
},
{
"price": 200
}
]
}
不知道如何用lodash map
做到这lodash map
,我可以建议:
{Object.keys(groupedByMonths).map((obj, index) =>
<div className="panel">
<div className="panel-heading">
{obj}
</div>
{groupedByMonths[obj].map((el, i) => <div key={i}> {el.price} </div>)}
</div>)
}
当我们使用Object.keys(groupedByMonths)
,它将返回一个包含所有键的array
,我们可以在其上使用map
。 要打印键,请使用{obj}
并打印值,请使用{groupedByMonths[obj]}
。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.