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

March 2024
M T W T F S S
 123
45678910
11121314151617
18192021222324
25262728293031