react中绑定ref的方式有哪些？

在 React 中，绑定 ref 有以下几种方式：

1. 使用回调函数绑定 ref：

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.myRef = null;
    this.setRef = element => {
      this.myRef = element;
    };
  }
  render() {
    return <div ref={this.setRef}>Hello, world!</div>;
  }
}

2. 使用 createRef() API 绑定 ref：

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.myRef = React.createRef();
  }
  render() {
    return <div ref={this.myRef}>Hello, world!</div>;
  }
}

3. 使用字符串传递 ref：

class MyComponent extends React.Component {
  render() {
    return <div ref="myRef">Hello, world!</div>;
  }
}

但是这种方式不推荐使用，因为它已经被弃用，并且可能在未来的 React 版本中被移除。