时间戳

首页 > 解决方案 > 在 ReactJs 中，组件和元素有什么区别？

javascript - 在 ReactJs 中，组件和元素有什么区别？

问题描述

我看到这两个术语经常互换使用。这让我很困惑，有人可以向我解释一下不同之处吗？

标签： javascriptreactjs

解决方案

组件是一组元素（如文档所述）：

注意：人们可能会将元素与更广为人知的“组件”概念混淆。我们将在下一节介绍组件。元素是“组成”的组件，我们鼓励您在继续之前阅读本节。

在这里，我可以告诉您两个快速的区别：

  1. 元素没有道具或状态，它们只是视觉上的东西（但您可以使用 {} 执行 Javascript。

  2. 在渲染时，元素被用作任何变量，不像通过标签的组件，例如：

// This is a component
ReactDOM.render(<Element />, document.getElementById('root'));

// This is an Element
ReactDOM.render(element, document.getElementById('root'));

推荐阅读