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

0 vote138 views1 answer
How to change grid size with conditional expression in react
Javascript React
0 vote129 views3 answers
Create dots in carousel react js bootraps
Javascript React
0 vote133 views2 answers
Jest simulate toggle switch react native
Javascript React
0 vote162 views1 answer
Remove duplicate value from map react js
Javascript React
1 vote166 views1 answer
React center a text
Javascript React
-1 vote136 views2 answers
Toggle on button click in react js functional component
Javascript React
0 vote145 views1 answer
React js usehistory push and pass props
Javascript React
0 vote122 views1 answer
React Native Segmented Control Tab
Javascript React
0 vote153 views1 answer
Reactjs lifecycle class components
Javascript React
2 votes127 views1 answer
How to add react scroll scrollable link
Javascript React