useEffect Hook in ReactJS

Shreyesh kolhe
October 02, 2021

 useEffect Hook in ReactJS 

     you tell React that your component needs to do something after render.    


Source Code:

App.js

import React, { useEffect, useState } from "react";

const App = () => {
  const [num, setNum] = useState(0);
  const [nums, setNums] = useState(0);


  useEffect(()=>{
    alert("i am click")
  }, [num]);
  return (
    <>
      <button
        onClick={() => {
          setNum(num + 1)
        }}>Click me {num}</button>

<button
        onClick={() => {
          setNums(nums + 1)
        }}>Click me {nums}</button>
    </>
  )
}
export default App;