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>
  );
}
相关推荐
菥菥爱嘻嘻3 分钟前
React---Hooks深入
前端·javascript·react.js
只与明月听6 分钟前
前端学算法-二叉树(一)
前端·javascript·算法
谢尔登14 分钟前
【React】使用 useContext + useReducer 实现一个轻量的状态管理库
前端·javascript·react.js
Bee.Bee.19 分钟前
vue3提供的hook和通常的函数有什么区别
前端·javascript·vue.js
VisuperviReborn28 分钟前
前端开发者的知识深度革命,从打牢基础开始
前端·javascript·架构
来自星星的猫教授43 分钟前
Vue 3.6前瞻:响应式性能革命与Vapor模式展望
前端·javascript·vue.js
涵信1 小时前
第九节 高频代码题-实现Sleep函数(异步控制)
前端·javascript·typescript
爱学习的茄子1 小时前
【前端实战】三分钟掌握原生JS电影搜索应用,从此告别框架依赖
前端·javascript·深度学习
林太白1 小时前
Next.js超简洁完整篇
前端·后端·react.js
时光足迹1 小时前
电子书阅读器之章节拆分
前端·javascript·react.js