浅谈react hook （forwardRef）

import React, { forwardRef ,useRef} from "react";

import ReactDOM from "react-dom";

import "./index.css";

 

//forwardRef获取子组件的Dom

const Forward = forwardRef((props,ref)=>{

    return (

        <div>

            <div ref={ref}>富婆的快乐你不懂</div>

        </div>

    )

})

 

function App() {

    const el = useRef(null)

    return (

        <div className="App">

            <Forward ref={el}></Forward>

            <button onClick={()=>{

                console.log(el.current);

            }}>获取子组件的Dom</button>

           

        </div>

    );

}

 

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