function LifeCycle(props) {

    const [updateCount, setUpdateCount]= React.useState(0);
    
    React.useEffect(() => {
        
       console.log("Effect function has run         - same life-cycle as componentDidMount and componentDidUpdate");
       
        // Specify how to clean up after this effect:
          return function cleanup() {
             console.log("Cleanup Effect function has run - same life-cycle as componentWillUnmount");
        };
        
      });
    
    function handleClick(e) {
       setUpdateCount(updateCount+1);
    }
    return (
    <div>
        <h2>LifceCycle Component</h2>
        <p>The lifecycle Component sees {props.count} clicks and {updateCount} update count.</p>

        <p>An update mounts and unmounts (cleanup). Try it by clicking below</p>
       <button type="button" onClick={handleClick}>Update the component</button>
    </div>)
}