use effect react component did mount code example

Example 1: use effect like component did mount

useEffect(() => {
	console.log('I am the new componentDidMount')
}, [])
// Don't forget the empty array at the end

Example 2: how to use useeffect

import React, { useState, useEffect } from 'react';
function Example() {
  const [count, setCount] = useState(0);

  // Similar to componentDidMount and componentDidUpdate:  
  useEffect(() => {    
  	// Update the document title using the browser API    
  	document.title = `You clicked ${count} times`;  
  });
  
  return (
    

You clicked {count} times

); }

Example 3: useeffect on update

const isInitialMount = useRef(true);

useEffect(() => {
  if (isInitialMount.current) {
     isInitialMount.current = false;
  } else {
      // Your useEffect code here to be run on update
  }
});

Tags:

Misc Example