Objects are not valid as a React child (found: object with keys {_isAMomentObject, _i, _f, _isUTC,

已于 2022-06-01 19:04:02 修改
阅读量1.2k 收藏
点赞数
文章标签： vscode 前端 react.js
于 2022-06-01 18:54:22 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_43350305/article/details/125088497
版权

前端报错，原因是使用了扩展运算符，扩展的数据有moment格式的数据

如下：

展示改日期直接通过 的方式展示，没有使用antd的 DatePicker组件，所以导致报错。

解决方式：moment格式的日期需要放入DatePicker组件才能渲染

YYYY-DD-MM格式的日期可以直接通过任意标签展示，并且不能通过DatePicker组件渲染，否则会报错，如下：

 

yudaar
关注
Objects are not valid as a React child (found: [object HTMLDivElement])
游海东的技术专栏
05-21 3269
1、错误描述 2、错误原因 import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from './App'; import * as serviceWorker from './serviceWorker'; ReactDOM.render(<Ap...
Objects are not valid as a React child (found: object with keys {name}).
qq_42931285的博客
01-02 608
jsx语法
react报错 Uncaught Error: Objects are not valid as a React child (found: object with keys {a} ...
热门推荐
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
08-27 5万+
一、报错信息 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
weixin_43654374的博客
12-12 2280
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顺利挂载需要$$...
Objects are not valid as a React child
YangljHjr的博客
12-22 641
在react中不能用object作为children渲染一个组件，只允许strings或者numbers。
Uncaught Error: Objects are not valid as a React child (found: object with keys {name, age}). 报错问题
weixin_55916148的博客
07-15 750
查阅资料后发现：react中是不允许直接在页面中渲染对象{name:"xxx",age:18}的，但是可以渲染数组["xxx",18]和基本数据类型。使用context通信，使得父组件给子组件传递一个对象信息(暂未接触context通信的同学不会在乎，只要知道此时父组件给子组件传递了一个对象)这个错误的大概意思就是：对象不是合法的react子对象，如果你想要渲染一个子对象集合，请使用数组代替。直接在页面上渲染一个对象，会爆错。应该分别渲染，此时不会报错。
× Error: Objects are not valid as a React child (found: object with keys {color}). If you meant to r
qq1722377628的博客
05-15 2229
Error: Objects are not valid as a React child (found: object with keys {color}). If you meant to render a collection of children, use an array instead. 这是我在学习React-hook的useContext时报的一个错 先看一下中文翻译： 大概意思就是：对象不能作为React组件。 报错原因： 代码太长我就不沾了，直接分析原因。 我在A组件里使用expo
Uncaught Error: Objects are not valid as a React child (found: object with keys {$$typeof, type, key, props, _owner, _store}). If you meant to render a collection of children, use an array instead.
最新发布
03-10
当遇到 `Uncaught Error: Objects are not valid as a React child` 错误时，表明尝试将 JavaScript 对象直接作为 React 子元素传递或渲染。这违反了 React 的规定，因为对象不能被直接解析为虚拟 DOM 节点[^1]。 ...
Objects are not valid as a React child (found: object with keys {id, username, suppliesName, pecificationns, state}). If you meant to render a collection of children, use an array instead
06-10
这是因为在 React 中，你不能直接将一个对象作为子元素进行渲染。React 只能渲染字符串、数字、布尔值、React 元素以及数组等可迭代的对象。 如果你想要渲染一个对象，你需要将对象中的属性逐一展示出来，或者将...
React源码分析（二）=> Reac初次渲染分析
翾的博客
07-02 5515
Reac初次渲染分析 源码基于React 16.8.6, 内容极长, 必须配合源码一起来看 单步调试的例子: `ReactDOM.render('hello', document.getElementById('root'))`; 下文基于这个例子来一步一步分析.
react Objects are not valid as a React child (found: object with keys {})问题
weixin_39818813的博客
04-29 1867
在使用React ant的protable组件时，在columns项中，有一项的valueEnum传递的是数组，但是组件支持的类型是对象。需要将数组改成对象就可以了
Objects are not valid as a React child (found: object with keys {status, data, operationId, correlat
jiuweiC的博客
07-30 5521
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...
Objects are not valid as a React child.
weixin_43254676的博客
03-12 554
初学react，看到元素渲染章节时，手动写了一下简单的代码，出现下面的报错： 翻译成中文: 对象不能作为React子对象使用。如果要渲染子对象的集合，请改用数组。 本意是要先获取当前系统时间渲染到通过react构建的root根节点上，出现了报错， 源代码： import React from 'react'; import ReactDOM from 'react-dom'; const el...
Error:Objects are not valid as a React child
haruhyuhae的博客
07-29 4537
随便使用react渲染了几条数据，就开始报错误 Objects are not valid as a React child 组件中的代码如下 报错原因为 虽然渲染的数据为数组， 但是渲染的item单条数据为对象，而非数组，但是在render中是不能渲染对象的，所以才会一直报错 报错解决：只需要将渲染的数据对象变成获取对象下的具体的值即可 ...
ant design (antd) Form.Item Objects are not valid as a React child
wyk304443164的专栏
05-17 3279
本文出自： http://blog.csdn.net/wyk304443164 说白了就是你给了From他识别不了的数据类型，或者说，你更改了你传给他的数据类型。render() { const mapPropsToFields = () => { let goods_img = [{ url: this.state.course.goods_img
React报错 之 Objects are not valid as a React child
weixin_45871977的博客
03-05 1916
React 报错 之 Object are not vaild as a React child 对象作为React子对象是无效的
Objects are not valid as a React child 错误处理
ISaiSai的专栏
09-25 3万+
Objects are not valid as a React child (found: object with keys {value, onChange}). If you meant to render a collection of children, use an array instead or wrap the object using createFragment(object)
Uncaught Error: Objects are not valid as a React child (found: [object Promise]).
Ricale的博客
02-28 1593
上周做项目遇到了这个问题，卡了很久很久 我是在render()函数中调用了自定义的方法然后在函数中返回dom元素 但由于我以上使用async函数的写法导致了以上的错误 本质是因为async函数返回的是一个promise对象，但是要在render()中渲染需要是一个数组，所以就一直报这个错 改为以下普通函数写法即可 ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值