- Published on
useLogger Hook React
![useLogger Hook React](https://user-images.githubusercontent.com/33494971/269602373-9aa20fcb-72ca-49ca-902c-e5866a74bf0e.png)
useLogger Hook React
useLogger Code and Usage
useLogger is a hook to log the lifecycle of a component.
import { useEffect } from "react";
const useLogger = (componentName) => {
useEffect(() => {
console.log(`${componentName} has mounted.`);
return () => {
console.log(`${componentName} will unmount.`);
};
}, [componentName]);
};
// Usage
const LoggerExample = () => {
useLogger("LoggerComponent");
return (
<div>
<p>This component logs lifecycle events to the console.</p>
</div>
);
};