react 报 Objects are not valid as a React child (found: object with keys {}). If you meant to render.

使用react 报 Objects are not valid as a React child (found: object with keys {}). If you meant to render a collection of children, use an array instead…

	*前段时间使用react;莫名其妙的报 Objects are not valid as a React child (found: object with keys {}). If you meant to render a collection of children, use an array instead.这个错*

在这里插入图片描述

 render(){
	return (
		<div className = 'box'>
			{list.map((item,index)=>(
				<span>{ item }</span>
			))
			}
		</div>
	)
}
/*造成这个问题的原因就是 list数组下面有一条或者几条数组项是对象;
* 例如list 数组是[1,2,3,4,{name:"Muhammad Ali"}];
* 那么它一定会报上面的错;
* 
解析的时候加上一个三目问题就解决了
*/
{list.map((item,index)=>(
				<span>{ item.name===undefined?item:item.name }</span>
			))
	}

特此记录一下 有写的不对的地方请指正,有更好的解决办法的 请不吝赐教;咱们互相学习,共同进步

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值