为什么获取refs值的方法在DOM和组件中是不同的？

<input ref="myInput" />

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

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

// 在其他地方访问组件实例
console.log(this.myRef.current);

class MyComponent extends React.Component {
  componentDidMount() {
    console.log(this);
  }

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

// 在其他地方访问组件实例
console.log(this.myRef);

const MyComponent = React.forwardRef((props, ref) => (
  <div ref={ref}>Hello World</div>
));

// 在其他地方访问组件实例
const myRef = React.createRef();
<MyComponent ref={myRef} />;
console.log(myRef.current);