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>
  );
}
相关推荐
Moment9 小时前
富文本编辑器在 AI 时代为什么这么受欢迎
前端·javascript·后端
爱敲代码的小鱼9 小时前
AJAX(异步交互的技术来实现从服务端中获取数据):
前端·javascript·ajax
铅笔侠_小龙虾11 小时前
Flutter 实战: 计算器
开发语言·javascript·flutter
大模型玩家七七12 小时前
梯度累积真的省显存吗?它换走的是什么成本
java·javascript·数据库·人工智能·深度学习
2501_9447114312 小时前
JS 对象遍历全解析
开发语言·前端·javascript
发现一只大呆瓜12 小时前
虚拟列表:支持“向上加载”的历史消息(Vue 3 & React 双版本)
前端·javascript·面试
阔皮大师13 小时前
INote轻量文本编辑器
java·javascript·python·c#
lbb 小魔仙13 小时前
【HarmonyOS实战】React Native 表单实战:自定义 useReactHookForm 高性能验证
javascript·react native·react.js
_codemonster13 小时前
Vue的三种使用方式对比
前端·javascript·vue.js
全栈前端老曹14 小时前
【MongoDB】Node.js 集成 —— Mongoose ORM、Schema 设计、Model 操作
前端·javascript·数据库·mongodb·node.js·nosql·全栈