react 报 Uncaught Error: Objects are not valid as a React child (found: object with keys {})

最新推荐文章于 2025-07-28 16:25:35 发布

原创最新推荐文章于 2025-07-28 16:25:35 发布 · 3.3k 阅读

0 ·

CC 4.0 BY-SA版权

react 专栏收录该内容

2 篇文章

订阅专栏

react 报

Uncaught Error: 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.in…
今天碰到了一个react报这个错误的；查找了一下原来是因为在render的时候没有点上对象的key名字，

比如：` <div className="y-axias">
			            {tableData.legendData.map((item: string, index: number) => (
			              <div className="item" title={item} key={index}>
			                {item}
			              </div>
			            ))}
       </div>`

tableData.legendData里面有个项，是对象（‘{}’）；item没有点上对象的key

    可以写成` <div className="y-axias">
			            {tableData.legendData.map((item: string, index: number) => (
			              <div className="item" title={item} key={index}>
			                {item || item[对象的key]}
			              </div>
			            ))}
      		</div>`