React.forwardRef让父组件获得子组件的dom

// RefParent.js

import RefChild from "./RefChild";
const textInput = React.createRef();
console.log(textInput)
const RefParent = () => {
  return <RefChild ref={textInput}></RefChild>
}
export default RefParent

// RefChild.js

const RefChild = React.forwardRef((props, ref) =>
  <input type="text" ref={ref}/>)

export default RefChild

ReactDOM.render(<RefParent>
</RefParent>, document.getElementById("root"))

打开浏览器，就可以看见子组件中的input元素dom被输出了，这里的ref只能获取dom元素，不能直接取React组件