如何在样式化组件反应中获取refs.value？

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

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

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

  componentDidMount() {
    console.log(this.myRef.current.value);
  }

  render() {
    return <input ref={this.myRef} type="text" />;
  }
}

const MyStyledComponent = React.forwardRef((props, ref) => (
  <div ref={ref} className="my-styled-component">
    Hello World
  </div>
));

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

  componentDidMount() {
    console.log(this.myRef.current.value);
  }

  render() {
    return <MyStyledComponent ref={this.myRef} />;
  }
}