Access DOM nodes using Ref in React

Last Updated on June 17, 2024

import React, {RefObject, useEffect} from "react";

function RefComponent() {

    const myRef: RefObject<HTMLParagraphElement> = React.createRef();

    useEffect(() => {
        console.log(myRef.current)
    });

    return (
        <p ref={myRef}>Hello World</p>
    );
}

export default RefComponent;

References
https://reactjs.org/docs/refs-and-the-dom.html