React LifeCycle in Functional and Class Component

In this article we will use some methods to maintain react lifecycle in functional and class component.

componentDidMount in Class Component for same we can use useEffect as below in Functional Component

useEffect(() => {
  // Your code here
}, []);

componentDidUpdate in Class Component for same we can use useEffect as below in Functional Component

useEffect(() => {
  // Your code here
}, [yourDependency]);

componentWillUnmount in Class Component for same we can use useEffect as below in Functional Component

useEffect(() => {
  // componentWillUnmount
  return () => {
     // Your code here
  }
}, [yourDependency]);

If you like this, share this.