Get element ref react

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

const MyComponent = () => {
  const myContainer = useRef(null);
  
  useEffect(() => {
    console.log("myContainer..", myContainer.current);
  });

  return (
    <>
      <h1>Ref with react</h1>
      <div ref={myContainer}>I can use the DOM with react ref</div>
    </>
  );
};

export default MyComponent;

Source: stackoverflow.com

Similar codes

13 votes387 views3 answers
ImageBackground in React Native
Javascript React
0 vote415 views1 answer
React native stopwatch
Javascript React
0 vote362 views1 answer
Remove unused dependencies in React Ask Question
Javascript React
1 vote388 views2 answers
How to render react native app under the status bar
Javascript React
0 vote398 views1 answer
React-multi-carousel infinite loop causing issue
Javascript React
2 votes416 views2 answers
Capture enter button react input
Javascript React
18 votes508 views3 answers
How to setup tailwind for reactjs
Javascript React
3 votes308 views2 answers
React navigation header transparent
Javascript React
1 vote378 views1 answer
How to set limit in map in react hook
Javascript React
0 vote404 views1 answer
Hide urls in .env in react app
Javascript React