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>
  );
}
相关推荐
晴殇i43 分钟前
前端鉴权新时代:告别 localStorage,拥抱更安全的 JWT 存储方案
前端·javascript·面试
码农刚子1 小时前
ASP.NET Core Blazor简介和快速入门 二(组件基础)
javascript·后端
我是日安1 小时前
从零到一打造 Vue3 响应式系统 Day 27 - toRef、toRefs、ProxyRef、unref
前端·javascript·vue.js
sjin1 小时前
React源码 - 关键数据结构
前端·react.js
不如喫茶去2 小时前
VUE查询-历史记录功能
前端·javascript·vue.js
一枚前端小能手2 小时前
「周更第8期」实用JS库推荐:decimal.j
前端·javascript
Tech_Lin2 小时前
JavaScript Date时间对象的常用操作方法总结
前端·javascript
IT小哥哥呀2 小时前
论文见解:REACT:在语言模型中协同推理和行动
前端·人工智能·react.js·语言模型
一枚前端小能手2 小时前
🚫 请求取消还在用flag?AbortController让你的异步操作更优雅
前端·javascript
JohnYan2 小时前
工作笔记 - VSCode ssh远程开发
javascript·ssh·visual studio code