如何在react中使用React.createRef()访问多个Dom元素

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.domRefs = [
      React.createRef(),
      React.createRef(),
      React.createRef()
    ];
  }

  // ...
}

class MyComponent extends React.Component {
  // ...

  render() {
    return (
      <div>
        <div ref={this.domRefs[0]}>DOM元素1</div>
        <div ref={this.domRefs[1]}>DOM元素2</div>
        <div ref={this.domRefs[2]}>DOM元素3</div>
      </div>
    );
  }
}

class MyComponent extends React.Component {
  // ...

  handleClick() {
    console.log(this.domRefs[0].current); // 访问DOM元素1
    console.log(this.domRefs[1].current); // 访问DOM元素2
    console.log(this.domRefs[2].current); // 访问DOM元素3
  }

  render() {
    return (
      <div>
        <div ref={this.domRefs[0]}>DOM元素1</div>
        <div ref={this.domRefs[1]}>DOM元素2</div>
        <div ref={this.domRefs[2]}>DOM元素3</div>
        <button onClick={this.handleClick.bind(this)}>访问DOM元素</button>
      </div>
    );
  }
}