Lifecycle & Effects
useLifecycleLogger
About
A react hook that console logs parameters as component transitions through lifecycles.
Installation
Examples
import "./styles.css";
import { useLifecycleLogger } from "rooks";
import { useEffect, useState } from "react";
export default function App() {
const [value, setValue] = useState(0);
useEffect(() => {
setValue(1);
}, []);
useLifecycleLogger("Demo", value);
return (
<div className="App">
<h1>useLifecycleLogger example</h1>
<h2>See console for logs</h2>
</div>
);
}Arguments
| Argument value | Type | Description | Defualt |
|---|---|---|---|
| componentName | String | The name of component to be shown in the log | "Component" |
| rest | Array | An arry of variables to be logged in component lifecycle | undefined |
Returns
No return value