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>
  );
}
相关推荐
被考核重击17 分钟前
Vue响应式原理(下)
前端·javascript·vue.js
matlab_xiaowang9 小时前
Redux 入门:JavaScript 可预测状态管理库
开发语言·javascript·其他·ecmascript
前端摸鱼匠11 小时前
Vue 3 的v-bind合并行为:讲解v-bind与普通属性合并的规则
前端·javascript·vue.js·前端框架·ecmascript
REDcker11 小时前
浏览器端Web程序性能分析与优化实战 DevTools指标与工程清单
开发语言·前端·javascript·vue·ecmascript·php·js
Linsk13 小时前
Java和JavaScript的关系真是雷峰和雷峰塔的关系吗?
java·javascript·oracle
当时只道寻常13 小时前
浏览器文本复制到剪贴板:企业级最佳实践
javascript
Alice-YUE14 小时前
【js高频八股】防抖与节流
开发语言·前端·javascript·笔记·学习·ecmascript
是上好佳佳佳呀15 小时前
【前端(十一)】JavaScript 语法基础笔记(多语言对比)
前端·javascript·笔记
莎士比亚的文学花园16 小时前
Linux驱动开发(3)——设备树
开发语言·javascript·ecmascript
01漫游者16 小时前
JavaScript函数与对象增强知识
开发语言·javascript·ecmascript