react怎么獲取dom元素

在React中獲取DOM元素可以使用ref屬性來引用DOM元素。以下是一些獲取DOM元素的方法：

1. 使用createRef()函數(shù)創(chuàng)建一個ref對象，并將其賦值給組件的屬性。

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.myRef = React.createRef();
  }

  componentDidMount() {
    console.log(this.myRef.current); // 打印DOM元素
  }

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

在上面的例子中，通過createRef()函數(shù)創(chuàng)建了一個ref對象，并將其賦值給myRef屬性。在componentDidMount()生命周期方法中，可以通過this.myRef.current獲取到對應(yīng)的DOM元素。

2. 使用回調(diào)函數(shù)的方式獲取DOM元素。

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.myRef = null;
  }

  componentDidMount() {
    console.log(this.myRef); // 打印DOM元素
  }

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

在上面的例子中，通過將一個回調(diào)函數(shù)傳遞給ref屬性，可以在回調(diào)函數(shù)中獲取到對應(yīng)的DOM元素。

需要注意的是，在函數(shù)組件中獲取DOM元素時，可以使用useRef()來創(chuàng)建ref對象，并通過ref屬性來引用DOM元素。