useEffect

 import React,{useEffect, useState} from 'react'

export default function Eff() {

  const [T,setT]=useState(new Date().toLocaleTimeString());

 const [message,setMessage]=useState('ducat');

 //mounting and updating if [] then only mounting 

 useEffect(()=>{

console.log("good m orning");

const interval=setInterval(showData,1000);

//cleanup:--

return ()=>{

  console.log("cleanup function called");

  clearInterval(interval);

}

  },[])

  //on the basis of time....[T]

  const showData=()=>{

    setT(new Date().toLocaleTimeString());

  }  

  const changeData=()=>{

    console.log("change data called");

  setMessage("set message called");

  }

  return (

    <div>{T}

    {message}

    <button onClick={()=>showData()}>showDate</button>

    <button onClick={()=>changeData()}>click</button></div>

  )

}