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>
  );
}
相关推荐
lxh011311 分钟前
记忆函数题解
开发语言·javascript·ecmascript
蜡台24 分钟前
vue文件template ,script, style 多文件写法小记
前端·javascript·vue.js
han_1 小时前
前端性能优化之白屏、卡顿指标和网络环境采集篇
前端·javascript·性能优化
Flyfreelylss1 小时前
DOM 注入实践:在 React 中优雅地扩展第三方组件
前端·react.js
北城笑笑1 小时前
Vue 100 ,Metaspace memory lack Error( 元空间内存不足 )
java·前端·javascript·vue
谏书稀1 小时前
vue项目(pnpm)迁移到无网环境开发
前端·javascript·vue.js
-杨豫2 小时前
JavaScript入门到精通全套资料,以及核心进阶ES6语法,API,js高级等基础知识和实战教程
开发语言·javascript·es6
im_AMBER2 小时前
react-i18next 国际化支持
前端·react.js·前端框架
Lsx_2 小时前
前端发版后页面白屏?一套解决用户停留旧页面问题的完整方案
前端·javascript·掘金·日新计划
羊吖2 小时前
Vue3 + Electron 实现纯本地人脸识别登录一体机(离线可用、无云端、带页面跳转)
前端·javascript·electron