Objects are not valid as a React child (found: object with keys {name}).

在jsx中可以嵌套表达式,将表达式作为内容的一部分,但是要注意,普通对象不能作为子元素;但是数组,react元素对象是可以的

如下:不能将stu这个对象作为子元素放

javascript 复制代码
function App() {
  const myCal = 'imgStyle'
  const stu ={
    name:'zdy'
  }
  return (
    <div className="App">
      <header className="App-header">
        <div>{stu}</div>

      </header>
    </div>
  );
}
相关推荐
拾年27517 小时前
520刚过,今天来教你怎么"驾驭"别人的对象
前端·javascript
Darling噜啦啦19 小时前
深入理解 JavaScript 函数:从《语言精粹》第四章看函数的精髓
javascript
用户8876654266319 小时前
用 TanStack Table、React Query 和 shadcn/ui 搭一个可维护的数据表格架构
react.js·架构
宋浮檀s19 小时前
DVWA通关教程2
运维·服务器·前端·javascript
皮卡祺q20 小时前
【算法-0】背包问题(三维+二维)
java·javascript·算法
whuhewei20 小时前
手写Promise
开发语言·javascript·ecmascript
川冰ICE20 小时前
JavaScript入门⑤|数组方法全攻略,map/filter/reduce三剑客
开发语言·javascript·ecmascript
threelab20 小时前
Three.js 抽象艺术着色器效果 | 三维可视化 / AI 提示词
前端·javascript·人工智能·3d·着色器
008爬虫实战录21 小时前
【码上爬】 题十八:模拟大厂加密算法, 堆栈分析找加密点,扣自执行函数,jsdom补环境
开发语言·javascript·ecmascript
skywalk816321 小时前
脚本 isMobile.js(移动设备检测库)的核心实现
开发语言·javascript·ecmascript