How to perform ComponentDidMount, ComponentDidUpadte and ComponentUnmount in functional component

Vineet Mishra
Aug 1, 2023

--

In React functional components, you can achieve the equivalent behavior of componentDidMount, componentDidUpdate, and componentWillUnmount lifecycle methods using the useEffect hook.

1 componentDidMount

useEffect(() => {

console.log(“Mount”)},[])

2 componentDidUpdate

useEffect(() => {

console.log(“Mount”)},[setAnyVariableName])

3 componentWillUnmount

useEffect(() => { return()=>{ console.log(“Mount”)

}

},[])

--

--

Vineet Mishra
Vineet Mishra

Written by Vineet Mishra

SDE 2 at Accelya , I write about Mobile/Web Development and Deployment, and Interview Q & A

No responses yet