Alternative to running useEffect once

Posted on

in

,
import React, { useRef } from 'react';

function MyComponent() {
  const isMounted = useRef(false);

  if (!isMounted.current) {
    // This code runs only once when the component is first rendered
    console.log('Component is mounted');
    isMounted.current = true;
  }

  return <div>Hello, World!</div>;
}

export default MyComponent;

This is an alternative to running useEffect without any parameters.

Leave a Reply

Your email address will not be published. Required fields are marked *

About me

Mark Wong is a front end developer with 10+ years experience. Most of his knowledge of HTML5, CSS and Js is self taught.

Calendar

May 2024
M T W T F S S
 12345
6789101112
13141516171819
20212223242526
2728293031