useEffect cleanup5

by istiq20

JavaScript

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

const CleanUp5 = () => {
  const [count, setCount] = useState(0);

  useEffect(() => {
    console.log("Component did mount on counter change")

    return () => {
      console.log("Compoennt unmount on counter change")
    }
  }, [count])

  return (
    <div className="functional-app">
      <h1>How to add clean up function</h1>
      <h2>Counter: {count}</h2>
      <button onClick={() => setCount(count + 1)}>
        Add Counter
      </button>
    </div>
  );
}

export default CleanUp5