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>
  );
}
相关推荐
ohyeah11 分钟前
React 自定义 Hook 实战:从鼠标追踪到待办事项管理
前端·react.js
前端 贾公子42 分钟前
剖析源码Vue项目结构 (一)
前端·javascript·vue.js
狂龙骄子1 小时前
jQuery表单验证插件全攻略
前端·javascript·jquery·jquery表单验证
十铭忘1 小时前
Vue3实现Pixso中的钢笔工具
开发语言·javascript·vue
局i1 小时前
【无标题】
前端·javascript·vue.js
前端小L1 小时前
双指针专题(四):像毛毛虫一样伸缩——「长度最小的子数组」
javascript·算法·双指针与滑动窗口
沛沛rh452 小时前
React入门:从一个简单的Hello World开始
前端·react.js·前端框架
谢尔登2 小时前
Vue3 应用实例创建及页面渲染底层原理
javascript·vue.js·ecmascript
小笔学长2 小时前
XMLHttpRequest 对象:传统的网络请求方式
javascript·xmlhttprequest·前端开发·网络请求实战·跨域问题解决
破晓之翼3 小时前
EASDEP 自动单据生成DEMO
javascript