javascript - 使用 ReactJS 时使用 ref 和 document.getElementById 等有什么区别？

Question

使用之间的区别/优点/缺点是什么:

  React.findDOMNode(this.refs.elementReferenceName)

和

  document.getElementById(elementId)

什么时候使用 ReactJS？

Answer 1

使用 React.findDOMNode 的主要优点和原因是它保持在 React 范例中，因为您将一个组件传递给它——而且在大多数情况下，您正在处理 React 组件(无论是处理生命周期函数或调用在组件描述符中实现的函数)。

依赖 DOM 元素中的 id 会破坏 React 中的封装，因为它不使用 id。

话虽这么说，这取决于您和您的特定应用的需求来确定最适合使用的应用。与其他 React 函数一样，您必须小心，因为在错误的时间调用 React.findDOMNode(在渲染中或如果组件未安装)会引发异常。 OTOH，如果组件被卸载，document.getElementById 不会抛出异常；但如果存在多个具有该 ID 的元素，它可能会返回错误的元素。

如果您还没有找到它，here is documentation for findDOMNode .

此外，here is the implementation of findDOMNode