react获取dom

在 React 中，通常我们不直接操作 DOM，而是使用组件和虚拟 DOM 进行交互。然而，有时我们可能需要获取某个组件渲染后的真实 DOM 元素。在这种情况下，可以使用 `ref` 来获取 DOM。

首先，在组件的构造函数中创建一个 ref 对象：

constructor(props) {
  super(props);
  this.myRef = React.createRef();
}

然后，在需要获取 DOM 的元素上添加 `ref` 属性，并将之前创建的 ref 对象赋值给它：

render() {
  return <div ref={this.myRef}>Hello, World!</div>;
}

现在，`this.myRef.current` 就是对应 DOM 元素的引用了。你可以在组件的生命周期方法或事件处理函数中使用它：

componentDidMount() {
  console.log(this.myRef.current); // 输出对应的 DOM 元素
}

请注意，`ref` 只能在类组件中使用。如果你正在使用函数组件，可以使用 `useRef` 这个 Hook 来达到同样的效果。