/Javascript/React/React useEffect prevent first time

React useEffect prevent first time

import { useRef, useEffect } from 'react';

export function useFirstRender() {
  const firstRender = useRef(true);

  useEffect(() => {
    firstRender.current = false;
  }, []);

  return firstRender.current;
}

Source: stackoverflow.com

React useEffect prevent first time

import { useRef, useEffect } from 'react';

export function useFirstRender() {
  const firstRender = useRef(true);

  useEffect(() => {
    firstRender.current = false;
  }, []);

  return firstRender.current;
}

Source: stackoverflow.com

Similar codes

24 votes289 views4 answers
React copy to clipboard button
Javascript React
1 vote361 views1 answer
React site warning: The href attribute requires a valid address. Provide a valid, navigable address as the href value jsx-a11y/anchor-is-valid
Javascript React
0 vote277 views1 answer
React open a link to an outside siite
Javascript React
4 votes360 views2 answers
Concurrently node react
Javascript React
0 vote296 views1 answer
Text field drag and drop reactjs
Javascript React
2 votes286 views1 answer
How to align text inside react component
Javascript React
8 votes289 views3 answers
Disable eslint for react project
Javascript React
4 votes313 views1 answer
React bind function to component
Javascript React
5 votes284 views1 answer
React native text wrap
Javascript React
0 vote289 views1 answer
Export variables react
Javascript React