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>
  );
}
相关推荐
AI视觉网奇6 分钟前
3d子部件高亮选中
开发语言·javascript·3d
阿图灵9 分钟前
LangGraph 实战 03:Workflows 与 Agents——六种工作流模式与智能体实战(附 6 个可运行示例)
java·前端·javascript·工作流·ai agent·智能体·langgraph
2603_9658966232 分钟前
JavaScript 对象零基础详解|属性、方法、遍历、增删改查
开发语言·javascript·ecmascript
用户283209679371 小时前
从进程线程到 async/await:JS Event-loop事件循环机制底层解析
前端·javascript
guanguan0_01 小时前
用 AI 做技术方案评审:输入 3 个方案,输出对比矩阵 + 推荐理由
javascript·人工智能·矩阵·ai编程
梦想的颜色1 小时前
【AI实战】React‑Native + AI 移动端 APP 完整实战全流程|云端 / 本地大模型、Agent 集成、安装配置、避坑指南
react.js·大模型·app·agent·reactnative·expo·ai 应用开发
xiaominlaopodaren2 小时前
three.js地图视口瓦片(二):如何形成完整视口多边形
javascript·gis·three.js
mONESY2 小时前
从零到上线:全栈项目部署全流程实战
javascript
honkun62 小时前
vue 表格组件 vxe-table 实实现专业记账凭证编辑表格与自动汇总
前端·javascript·vue.js
蛋先生DX3 小时前
明明都是源码到CPU,各语言中间原理咋不是一个套路?
java·javascript·go