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

5 votes246 views5 answers
Onclick react
Javascript React
31 votes255 views1 answer
React router dom IndexRedirect
Javascript React
2 votes266 views2 answers
React native scrollview detect end
Javascript React
0 vote284 views2 answers
Remove the warning for setState on unmounted components in React
Javascript React
1 vote274 views3 answers
How to make sticky footer with react router
Javascript React
0 vote230 views1 answer
Eslint version check in react
Javascript React
0 vote286 views1 answer
React recursive component
Javascript React
19 votes213 views10 answers
'Switch' is not exported from 'react-router-dom'. ch warning.
Javascript React
4 votes324 views2 answers
React usememo vs usecallback
Javascript React
1 vote323 views1 answer
React component key prop
Javascript React