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>
  );
}
相关推荐
cc.ChenLy2 小时前
【CSS进阶】毛玻璃效果与代码解析
前端·javascript·css
西门吹-禅2 小时前
node js 性能处理
开发语言·javascript·ecmascript
一只大侠的侠2 小时前
React Native for OpenHarmony:日期范围选择器实现
javascript·react native·react.js
一只大侠的侠4 小时前
React Native for OpenHarmony:DatePicker 日期选择器组件详解
javascript·react native·react.js
JosieBook4 小时前
【Vue】15 Vue技术——Vue计算属性简写:提升代码简洁性的高效实践
前端·javascript·vue.js
x-cmd4 小时前
[x-cmd] Node.js 的关键一步:原生运行 TypeScript 正式进入 Stable
javascript·typescript·node.js·x-cmd
御坂10101号5 小时前
JIT 上的 JIT:Elysia JS 的优化实践与争议
开发语言·javascript·网络·性能优化·node.js·express
一只大侠的侠6 小时前
React Native实战:高性能Popover弹出框组件
javascript·react native·react.js
一只大侠的侠6 小时前
React Native for OpenHarmony:Calendar 日程标记与事件管理实现方案
javascript·react native·react.js
拾荒李7 小时前
在 Vue 项目里“无痛”使用 React 组件:以 Veaury + Vite 为例
前端·vue.js·react.js