reactjs - React 元素 vs DOM 元素：是什么让 DOM 元素如此之大？

Question

Dan Abramov 写了一篇超级文章，解释了 React 组件、元素和实例的区别。我对其中的这个陈述有点困惑：

React 元素易于遍历，不需要解析，当然它们比实际的 DOM 元素要轻得多——它们只是对象！

DOM 元素不也是对象吗？

如果他写 React 元素比 DOM 元素轻得多，那对我来说会更有意义，因为 React 元素只有两个属性，“type”和“props”，而实际的 DOM 元素有数百个属性和方法。但是“它们只是对象！” 部分令人困惑。

标签： reactjs

Answer 1

我认为他的意思是 React 元素，如 object {1: '1'}，但 DOM 元素是 HTMLElement。

这么多元素我们可以称之为 Object，因为如果你使用 Array、NodeList、HTMLElement 等就是 Object instanceof。