如何获取ref数组

import React, { useRef } from 'react';

function MyComponent() {
  const refArray = useRef([]);

  // 在需要获取ref数组的地方，可以通过refArray.current来访问数组
  // 例如，添加一个元素到ref数组中
  const addToRefArray = (element) => {
    refArray.current.push(element);
  };

  return (
    <div>
      <div ref={addToRefArray}>Element 1</div>
      <div ref={addToRefArray}>Element 2</div>
      <div ref={addToRefArray}>Element 3</div>
    </div>
  );
}

const refArray = Array.from(document.querySelectorAll('.my-element'));

// 遍历ref数组
refArray.forEach((element) => {
  // 处理每个元素
});

import React, { createRef } from 'react';

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.refArray = [];
    for (let i = 0; i < 3; i++) {
      this.refArray[i] = createRef();
    }
  }

  componentDidMount() {
    // 在组件挂载后，可以通过this.refArray来访问ref数组
    // 例如，获取第一个元素的引用
    const firstElement = this.refArray[0].current;
    // 处理第一个元素
  }

  render() {
    return (
      <div>
        <div ref={this.refArray[0]}>Element 1</div>
        <div ref={this.refArray[1]}>Element 2</div>
        <div ref={this.refArray[2]}>Element 3</div>
      </div>
    );
  }
}