javascript - React 通过 refs 访问 DOM 元素而不是对象

Question

我正在尝试访问 React 中的 DOM 元素，因为它需要第三方库。我可以使用内置 react 元素的引用来做到这一点。喜欢<div ref={this.someRef} <span ref={this.otherRef}等等

我可以通过 this.someRef.current 访问 DOM elem但是当我尝试对自定义元素执行相同的操作时 <SomeCustomElem ref={this.anotherRef} , this.anotherRef.current返回给我一个值对象，但我没有看到任何使用自定义组件访问 DOM elem 的方法。

是否有机会访问自定义elem的DOM？

Answer 1

您可以使用 react-dom 访问 react 附带的任何类型的 DOM 元素。

要访问 DOM，请传递带有 React 元素的 ref，然后使用 findDOMNode 访问它。方法。

示例:

import ReactDOM from 'react-dom';

...  

let reactElement = ReactDOM.findDOMNode(this.refs.refName)

...  

<Component ref='refName'/>