reactjs - 为什么对象作为 react 子对象无效?什么是有效的 children 的 react 以及为什么?

标签 reactjs object jsx children

React 能够打印任何原始值并使用 JSX react 元素,但如果它在 JSX 中遇到任何对象,则会抛出错误,因为“对象作为 react 子项无效”。

请帮助我理解这一点并找出其背后的原因。

最佳答案

  • 从技术上讲,您只能将对象用作组件(但不能用于元素)的子对象。
  • 当您使用对象作为自己组件的子对象时,您可以决定如何在渲染中处理该对象 <p>{children.someText}</p> ,但是当您对元素使用对象时<p>{{ someText: 'hey' }}</p> ,React不知道如何解析它。
  • 因此,React 会抛出错误来通知您做错了什么。

关于reactjs - 为什么对象作为 react 子对象无效?什么是有效的 children 的 react 以及为什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66104096/

相关文章:

css - 如何去掉React Link的文字装饰?

java - java中的深度克隆不可序列化对象

javascript - 我对 API 的调用并未更新 React 状态

javascript - 如何修复 React 中隐藏和显示 <div> 的错误

javascript - key 未定义 React

javascript - const 关键字和方法声明的问题

Javascript 对象映射(展平)

javascript - for循环中的语法解释?

javascript - 如何修复 reactjs 中的 "Expected an assignment or function call and instead saw an expression"?

javascript - 类型错误 : Cannot read property 'value' of undefined on components (ReactJS forms)