Error:Objects are not valid as a React child

最新推荐文章于 2024-03-05 12:04:31 发布
最新推荐文章于 2024-03-05 12:04:31 发布
阅读量4.3k 收藏 2
点赞数 1
文章标签： react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/haruhyuhae/article/details/107670045
版权

随便使用react渲染了几条数据，就开始报错误 Objects are not valid as a React child

在这里插入图片描述
组件中的代码如下
在这里插入图片描述

报错原因为 虽然渲染的数据为数组， 但是渲染的item单条数据为对象，而非数组，但是在render中是不能渲染对象的，所以才会一直报错

在这里插入图片描述

报错解决：只需要将渲染的数据对象变成获取对象下的具体的值即可

在这里插入图片描述

Kim 希
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
react-hooks-lifecycle:life:hourglass_not_done:React生命周期挂钩图
05-26
React Hooks生命周期图 :atom_symbol: :hourglass_not_done: :timer_clock: 功能组件生命周期说明 我根据（以及后来的React）绘制了这张图，该关于现在的“旧”产品的生命周期 :old_man: 类组件。 我想有一张完全像这样的图表，但是对于React Hooks-所以...我做了一张！ 并保持了家族风格。 该图是使用。 当react将按预期引入更多新的钩子时，我将相应地更新该图。 进一步阅读 随时编辑，贡献和分享。 用 :red_heart: （ Gal Margalit）
react-native-error-boundary:一个简单可重用的 React-Native 错误边界组件 :bug:
07-23
React本机错误边界 一个简单可重用的 React-Native 组件 :bug: 安装 yarn add react-native-error-boundary 用法 该组件在其子组件树中的任何位置捕获。 不处理本机错误。 使用这个组件非常简单。 首先，您必须导入ErrorBoundary组件。 然后，您必须将其包裹在任何可能引发错误的组件上。 基本的 import ErrorBoundary from 'react-native-error-boundary' const App = ( ) => ( < ErrorBoundary> < ChildrenThatCouldThrowEror> < / ErrorBoundary > ) 记录错误 您可以通过向组件提供onError函数来记录错误。 import ErrorBoundary from 'rea
React报错 之 Objects are not valid as a React child
最新发布
weixin_45871977的博客
03-05 1068
React 报错 之 Object are not vaild as a React child 对象作为React子对象是无效的
Objects are not valid as a React child (found: object with keys {_isAMomentObject, _i, _f, _isUTC,
weixin_43350305的博客
06-01 1094
react报错Objects are not valid as a React child (found: object with keys {_isAMomentObject, _i, _f, _isUTC,
不变违规：对象作为React子元素无效
CHCH998的博客
08-03 1172
In my component's render function I have: 在组件的render函数中，我有： render() { const items = ['EN', 'I
Objects are not valid as a React child (found: Mon Jun 14 2021 16:42:07 GMT+0800 (中国标准时间)). If you m
m0_53912016的博客
06-14 532
当使用react 输出一个object 的时候，会报错 不要将对象直接放入页面模板 解决方法是 如果报这个错 不要将对象直接放入页面模板 首先判断类型然后转化再进行放入
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}的对象）。如果要呈现子对..
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报错 Objects are not valid as a React child
weixin_43654374的博客
12-12 2160
react报错 Objects are not valid as a React child ,If you meant to render a collection of children, use an array instead产生原因解决方法举例 产生原因 原生组件JSX语法返回的react虚拟dom中 $$typeof:Symbol(react.memo) 。react顺利挂载需要$$...
React报错
gaoxiaofei520sss的博客
03-17 117
解决：注意查看获取到的数据 是什么类型。注意渲染时不能直接渲染对象，可以渲染对象的值。原因：react只能渲染数组、字符串。
报错记录 | Error: Cannot find module ‘react-dev-utils/crossSpawn’
01-07
Error: Cannot find module 'react-dev-utils/crossSpawn' at Function.Module._resolveFilename (internal/modules/cjs/loader.js:636:15) at Function.Module._load (internal/modules/cjs/loader.js:562:25) ...
Notas：APP Notas React本机
02-18
诺塔斯APP Notas React Native
catch-react-error:使用React Boundary的框架很容易处理错误
05-17
React Error Boundaries不支持服务器端渲染，因此我们使用try/catch处理这种情况。 catch-react-error仅接受一个参数，即 ，我们将DefaultErrorBoundary作为默认参数。 const catchreacterror = ( Boundary = ...
react 报 Objects are not valid as a React child (found: object with keys {}). If you meant to render.
LFxiaosu的博客
04-09 6914
使用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
React 报错 Objects are not valid as a React child (found: object with keys {})
张小程博客
07-29 1万+
React目中使用Redux声明多个Reducer，并且使用Redux的connect组件链接 Reducer和Action。由于项目中声明多个Reducer需要合并来优化代码，固采用Redux的combineReducers组件完成该需求，代码完成后报错，具体信息如下： 报错原文 Objects are not valid as a React child (found: object wi...
Objects are not valid as a React child (found: object with keys {status, data, operationId, correlat
jiuweiC的博客
07-30 5310
Objects are not valid as a React child (found: object with keys {status, data, operationId, correlationId}). If you meant to render a collection of children, use an array instead or wrap the object us...
Uncaught Error: Objects are not valid as a React child (found: [object Promise]).
Ricale的博客
02-28 1487
上周做项目遇到了这个问题，卡了很久很久 我是在render()函数中调用了自定义的方法然后在函数中返回dom元素 但由于我以上使用async函数的写法导致了以上的错误 本质是因为async函数返回的是一个promise对象，但是要在render()中渲染需要是一个数组，所以就一直报这个错 改为以下普通函数写法即可 ...
VueRouter使用报错：Error in render: “TypeError: Cannot read property ‘matched‘
weixin_43230675的博客
09-18 599
错误详情：router的使用测试在配置好components相关映射后出现的各种问题。 （1）：在router文件下的映射关系文件index.js中创建VueRouter时传入的路由数组对象名字必须是**routes**否则就无法响应如下图： （2）：在渲染的main.js中引用router不可用大写命名 ...
objects are not valid as a react child
03-16
这个错误提示意思是：对象不能作为 React 的子元素。 在 React 中，子元素必须是字符串、数字、布尔值或 React 元素。如果你尝试将一个对象作为子元素传递给 React，就会出现这个错误。 解决方法是将对象转换为...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值