useLifecycleLogger
Log messages for different lifecycles of a component with additional data.
The useLifecycleLogger
hook is helpful when you want to log a message during component lifecycle like mount, unmount and update with any additioanl data.
useLifecycleLogger
Count: 0
Usage
Import the hook from @abhushanaj/react-hooks
and use in required component.
import { useCounter, useLifecycleLogger } from '@abhushanaj/react-hooks';
function Counter(props) { const [count, { increment }] = useCounter(0);
useLifecycleLogger('Counter', { count });
return ( <div> <p>Count: {count}</p> <button onClick={increment}>Increment by 1</button> </div> );}
export default Counter;
API Reference
Parameters
Parameter | Type | Description | Default |
---|---|---|---|
name | string | Name for the component. | N/A |
data | Record<string | number, unknown> (optional) | Any additional data you want to log. | {} |