哪种方法使用React ref是正确的？

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

  componentDidMount() {
    // 在组件挂载后，可以通过this.myRef来访问DOM元素或组件实例
    console.log(this.myRef);
  }

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

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

  componentDidMount() {
    // 在组件挂载后，可以通过this.myRef.current来访问DOM元素或组件实例
    console.log(this.myRef.current);
  }

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