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>
  );
}
相关推荐
ZoeLandia2 小时前
React08:自定义 Hook
开发语言·前端·react.js·typescript
2601_949970692 小时前
msgpackr 跨端三方库仓颉适配全流程
前端·javascript·flutter
数智奔流2 小时前
MiniMax的低价攻势,撞上“背题”疑云
前端·javascript·算法
某人辛木2 小时前
Web前端框架应用(三)路由
前端·javascript·前端框架
小大宇13 小时前
Vue知识点6-computed计算属性
前端·javascript·vue.js
程序员海军13 小时前
尤雨溪 : Vue 4 已经在规划中了!
前端·javascript·vue.js
2601_9499706913 小时前
HumanizeDuration 跨端三方库仓颉适配全流程
前端·javascript·flutter
天外飞雨道沧桑16 小时前
我在浏览器里练了一个 792 参数的大模型,它学会了补全 JavaScript
开发语言·javascript·ai·ecmascript·ai编程
鶴哥只手遮天16 小时前
jQuery 4.0 源码架构与工程实践-第 01 章 · 全景与工程结构:一个 20 岁库的自省
前端·javascript·jquery
inksci18 小时前
在线编辑表格,功能强大,json互转
前端·javascript·html