反应中的 DOM vs 引用

Question

在 React 中使用 DOM 和 Refs 有什么区别？我知道我们可以使用常规的javascript DOM节点选择器来定位act中的特定元素，因为react无论如何都是javascript，但你也可以使用refs来做同样的事情。使用一个与另一个有什么好处/缺点？

Answer 1

它只是访问 DOM 节点或 React 元素的一种反应方式。

Answer 2

Refs 提供了一种访问 DOM 节点或在 render 方法中创建的 React 元素的方法。您可以查看文档以获取更多信息。

Answer 3

这是因为 React、JSX 和生命周期管道。当你听到人们提到 React 生态系统时，这些是该生态系统的一部分。参考使在该生态系统中的工作更加顺畅。

在 React 中，您通常会在数据更改时与元素进行交互，这会导致我们典型的生命周期事件，例如挂载和卸载。

DOM 选择器发生在该生命周期之外，使得它返回的内容不可靠，而引用则发生在生命周期内。这可确保 ref 返回的对象准确表示虚拟 DOM 的当前状态。

更多信息