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>
  );
}
相关推荐
三8442 小时前
路由策略/控制 配置双点双向路由重发布
服务器·前端·javascript
柒和远方5 小时前
V043:BFF 层流式输出:从前端直连到生产级流式网关的架构演进
javascript·架构·node.js
用户938515635075 小时前
SSE 流式输出的工程化拐点——为什么你需要一个 BFF 层
javascript·人工智能·全栈
不简说5 小时前
JS 代码技巧 vol.4 — 10 个异步并发控制,Promise.all 这帮兄弟的踩坑实录
前端·javascript·面试
YFF菲菲兔6 小时前
React 不冒泡的移入 / 移出事件插件
react.js
YFF菲菲兔6 小时前
React 表单控件 onChange 事件插件
react.js
Listen·Rain8 小时前
Vue3中组件间通信详解
前端·javascript·vue.js
Listen·Rain8 小时前
Vue3中customRef详解
前端·javascript·vue.js
爱宇阳8 小时前
JavaScript 并发请求入门:Promise.all 和 Promise.allSettled 到底怎么选?
开发语言·前端·javascript
濮水大叔8 小时前
Hooks 之后,为什么前端仍需要“包裹”能力?
vue.js·react.js·前端框架