react useeffect function code example

Example 1: react use effect

useEffect(() => {
	
  },[]);

Example 2: useeffect react

useEffect(() => {
	//  code goes here
    return () => {
      // cleanup code codes here
    };
  },[]);

Example 3: react useEffect

import React, { useEffect } from 'react';

export const App: React.FC = () => {
  
  useEffect(() => {
        
  }, [/*Here can enter some value to call again the content inside useEffect*/])
  
  return (
    <div>Use Effect!</div>
  );
}

Example 4: how to have a function inside useeffect

useEffect(() => {
  fetch(`https://jsonplaceholder.typicode.com/${query}`)
    .then(response => response.json())
    .then(json => setData(json));
}, [query]); // only re-run on query change