Uncaught Error: Objects are not valid as a React child (found: object with keys {name, age}). 报错问题

已于 2023-07-25 14:38:15 修改
阅读量364 收藏
点赞数
分类专栏： 报错问题 文章标签： react.js javascript 前端
于 2023-07-15 13:23:17 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_55916148/article/details/131738112
版权

这个错误的大概意思就是：对象不是合法的react子对象，如果你想要渲染一个子对象集合，请使用数组代替。

查阅资料后发现：react中是不允许直接在页面中渲染对象{name:"xxx",age:18}的，但是可以渲染数组["xxx",18]和基本数据类型

使用context通信，使得父组件给子组件传递一个对象信息(暂未接触context通信的同学不会在乎，只要知道此时父组件给子组件传递了一个对象)

直接在页面上渲染一个对象，会爆错

应该分别渲染，此时不会报错

。。。。984
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Windows平台的 PHP 报错 Fatal error: Class COM not found in 的解决方法
01-10
Fatal error: Class ‘COM’ not found in XXXXXXXXX 没发现 COM 类，php代码主要是调用一些系统的信息，初想应该是php没配置好，在stackoverflow找到答案，是讨论xampp的，要延伸开来，我加了几个要点： ★ php 根...
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
react 报 Uncaught Error: Objects are not valid as a React child (found: object with keys {})
LFxiaosu的博客
05-21 2974
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"&
React报错 Objects are not valid as a React child (found: object with keys {id, name})
weixin_70842178的博客
10-17 751
react报错，render里面加载不了对象，一般在处理数据会不小心返回一个对象来使用。
React—Uncaught Error: Objects are not valid as a React child (found: object with keys {type, data})
qq_26705343的博客
08-07 406
这个问题是渲染了对象导致的，根本解决方式就是修改渲染对象的部分。
[]Uncaught Error: Objects are not valid as a React child (found: object with keys {data}).
比起未来可期，我更喜欢如约而至
06-18 634
问题分析 用React的Hooks渲染数据，得到数据想传值给子组件以Descriptions的样式渲染出来，但是报错如下 []Uncaught Error: Objects are not valid as a React child (found: object with keys {data}). If you meant to render a collection of children, use an array instead. 问题解决 经过检查发现将子组件接收到的参数改为以下内容即可 f
Objects are not valid as a React child
dreamjay1997的博客
02-23 4738
自己写一个简单的React组件的时候，因为 Objects are not valid as a React child (found: Sat Feb 23 2019 16:18:01 GMT+0800 (China Standard Time)). If you meant to render a collection of children, use an array instead. ...
小程序报错 WAService.js:3 Uncaught Error: module ＂src/utils/utils.js＂ is not defined
03-29
编译程序时候老是报module "src/utils/utils.js" is not defined的错，狂问度娘也没结果 后来静下来想才尝试弄正确： 我本来的页面地址是："src/main/welcome/welcome" 在这个页面的基础上要加载utils.js，所以按照...
lnmp Fatal error: Uncaught Error: Class 'Redis' not found-附件资源
03-02
lnmp Fatal error: Uncaught Error: Class 'Redis' not found-附件资源
react报错 Uncaught Error: Objects are not valid as a React child (found: object with keys {a} ...
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
08-27 4万+
一、报错信息 Uncaught Error: Objects are not valid as a React child (found: object with keys {content, key, duration}). If you meant to render a collection of children, use an array instead. 意思是：未捕获错误：对象作为React子对象无效（找到：具有键{content，key，duration}的对象）。如果要呈现子对..
Uncaught Error: Objects are not valid as a React child (found: object with keys {add}). If you meant
m0_50233720的博客
05-23 384
通过增加组件item的时候，改变状态，增加一个数组 siderItemChange([...items,{key:nanoid(),label:{add}}]) React组件代码如下 <Menu mode="inline" style={{ height: '100%', borderRight: 0, }} > {siderItem.map(
Uncaught Error: Objects are not valid as a React child (found: object with keys {id, name}). If you
qq_45849232的博客
07-29 1209
Uncaught Error: Objects are not valid as a React child (found: object with keys {id, name}). If you meant to render a collection of children, use an array instead. 出现的原因：代码中有地方将数组直接进行渲染
Uncaught Error: Objects are not valid as a React child (found: object with keys {content, key, durat...
Lucky小黄人的博客
05-04 550
转自：react报错 Uncaught Error: Objects are not valid as a React child (found: object with keys {a} ... 报错信息分析 Uncaught Error: Objects are not valid as a React child (found: object with keys {content, key...
Uncaught Error: Objects are not valid as a React child (found: Error: Objects are not valid as a Rea
SeriousLose
05-27 1397
Uncaught Error: Objects are not valid as a React child (found: Error: Objects are not valid as a React child (found: object with keys {name}). If you meant to render a collection of children, use an array instead. class Index extends Component { co
Uncaught Error: Objects are not valid as a React child (found: object with keys {content, key, durat
前端一线搬运工的博客
09-27 5079
Uncaught Error: Objects are not valid as a React child (found: object with keys {content, key, duration}). If you meant to render a collection of children, use an array instead. 我这里解决的是antd的message问题
[React报错集锦]Object are not valid as a React child
我要上天一起吗？的博客
11-01 212
如果你是这样的代码 function App(){ let view = <Diectory />; return {view} } 报以上错误，在return外层添加一个唯一根节点 return ( <> {view} </> )
react中报错Objects are not valid as a React child问题解决
热门推荐
水冰月的小兔子的博客
07-04 5万+
今天在react跳转页面的时候报了一个Objects are not valid as a React child (found: object with keys {id, materialsCode, storageLocationCode, deleteStatus, statusCode, storageLocationName}). 从字面意思看来的话是渲染了对象导致的，所以问题根本解...
React报错
gaoxiaofei520sss的博客
03-17 128
解决：注意查看获取到的数据 是什么类型。注意渲染时不能直接渲染对象，可以渲染对象的值。原因：react只能渲染数组、字符串。
不变违规：对象作为React子元素无效
CHCH998的博客
08-03 1199
In my component's render function I have: 在组件的render函数中，我有： render() { const items = ['EN', 'I
Uncaught SyntaxError: Unexpected token 'o', "[object Obj"... is not valid JSON
最新发布
12-23
根据提供的引用内容，当出现"Uncaught SyntaxError: Unexpected token 'o', "[object Obj"... is not valid JSON"错误时，可能是因为JSON格式不正确导致的。以下是解决此错误的一种方法： ```javascript var json...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值