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 小时前
Vuetify:构建优雅Vue应用的Material Design组件库
前端·javascript·vue.js
wangbing112517 小时前
界面规范11-对话框
javascript·vue.js·elementui
一枚前端小能手18 小时前
🔥 滚动监听写到手抽筋?IntersectionObserver让你躺平实现懒加载
前端·javascript
骑自行车的码农18 小时前
React SSR 技术解读
前端·react.js
遂心_18 小时前
React中的onChange事件:从原理到实践的全方位解析
前端·javascript·react.js
GHOME18 小时前
原型链的原貌
前端·javascript·面试
luckyCover18 小时前
带你一起攻克js之原型到原型链~
前端·javascript
麦当_18 小时前
SwipeMultiContainer 滑动切换容器算法指南
前端·javascript·算法
用户315063273048718 小时前
使用 vue-virtual-scroller 实现高性能传输列表功能总结
javascript·vue.js