Error: Objects are not valid as a React child ReactHooks+TypeScript useState 函数组件 请求返回对象数据修改状态问题

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

写在前面：以下解释写法只是个人理解，本人目前并没有实际工作经验，所以难免会有很多不足的地方，有任何的错误瑕疵，希望大家花点时间可以在评论区指出，共同进步。谢谢！(●'◡'●)(●'◡'●)

问题复现

        有一个很常见的需求，当用户进入某个管理系统时，右上角要渲染出登录用户的头像和用户名。但是因为我使用的技术栈是React+Hooks+TypeScript，所以今天我写这个需求的时候发现，我的头像和用户名是被封装成对象返回到前端的，但是当我使用await+useState的set变量名进行修改状态值的时候

会出现错误

<
最低0.47元/天 解锁文章
JIANGhanha
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Error:Objects are not valid as a React child
haruhyuhae的博客
07-29 4388
随便使用react渲染了几条数据，就开始报错误 Objects are not valid as a React child 组件中的代码如下 报错原因为 虽然渲染的数据为数组， 但是渲染的item单条数据为对象，而非数组，但是在render中是不能渲染对象的，所以才会一直报错 报错解决：只需要将渲染的数据对象变成获取对象下的具体的值即可 ...
Error：Object are not valid as a React child
qq_40159982的博客
03-29 126
原因，错误地把对象当成一个内容的节点，应该是对象上的某个属性
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
最新发布
weixin_45871977的博客
03-05 1270
React 报错 之 Object are not vaild as a React child 对象作为React子对象是无效的
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 hooks + Typescript + Cesium 的 三维 webgis 实战系列教程数据
03-09
基于 React hooks + Typescript + Cesium 的 三维 webgis 实战系列教程数据
CP-DESIGN：可配置的移动UI组件（React hooks + Typescript + Scss）组件库
02-03
React hooks Typescript H5移动组件 English | 徽章 纽扣 图标 CP Design手机 可配置的Mobile UI规范和基于React的实现。 产品特点 遵循CP Design Mobile UI规范。 不同产品的可配置UI样式。 用TypeScript开发。...
umi-ts-app：umi3 + typescript + dva + react hooks快速构建管理系统
02-05
umi-ts-app技术栈：umi3 + react hooks + dva +打字稿+ antd该项目以为前端框架，以为UI组件库， 为项目数据流， 编写前端业务组件，以做为静态类型检查，包含完整的前端工程化实践。目录结构|-- config # 项目配置...
React-Hooks-TypeScript:React Hooks + TypeScript
03-25
Create React App入门该项目是通过引导的。可用脚本在项目目录中，可以运行：yarn start 在开发模式下运行该应用程序。 打开在浏览器中查看它。 如果您进行编辑，则页面将重新加载。 您还将在控制台中看到任何棉绒...
monki-ui：基于React + TypeScript + Dumi + Jest + Enzyme开发UI组件库
02-28
Monki UI，是一种基于Dumi，由React + TypeScript开发的个人组件库 :party_popper: 。 该开源项目是我为进阶React，同时探索组件库设计开发思路的，故不可使用的生产环境。由于个人设计能力有限，故UI设计方面会...
Objects are not valid as a React child
dreamjay1997的博客
02-23 4739
自己写一个简单的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. ...
React报错
gaoxiaofei520sss的博客
03-17 131
解决：注意查看获取到的数据 是什么类型。注意渲染时不能直接渲染对象，可以渲染对象的值。原因：react只能渲染数组、字符串。
react setState异步操作数据的问题
brokyz
12-01 1120
问题描述：使用 setState 或 setXXX 修改状态之后，我们去使用数据时发现数据并没有发生更新。
Error: Objects are not valid as a React child (found: object with keys {list}).
wuyujin1997的博客
08-18 1万+
Bug Error: Objects are not valid as a React child (found: object with keys {list}). If you meant to render a collection of children, use an array instead. Object不能直接作为React的内容(指{}中的变量)。 如果想渲染一个集合的话，可以使用数组(但是别用Object类型的变量)。 如图： 原因 写React的render()时，想直.
react 中 如何解决使用useState时，因异步而导致的数据不同步的问题（使用 useRef 来解决）
C_guoqing的博客
06-09 3644
react 中 如何解决使用useState时，因异步而导致的数据不同步的问题（使用 useRef 来解决）
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...
react Error: Objects are not valid as a React child (found: object with keys {username, password})
qq_37766810的博客
10-05 803
报错的原因是，这里的user是个object类型的数据。react里面不允许直接去在页面里展示object数据。 改成这样就行了.展示字符串或者数字啥的普通数据类型
Objects are not valid as a React child (found: [object HTMLDivElement])
游海东的技术专栏
05-21 3122
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
03-16
这个错误提示意思是：对象不能作为 React 的子元素。 在 React 中，子元素必须是字符串、数字、布尔值或 React 元素。如果你尝试将一个对象作为子元素传递给 React，就会出现这个错误。 解决方法是将对象转换为...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值