useLogger

Log component lifecycle events.

Import


import { useLogger } from '@tidbcloud/uikit'

Usage

useLogger logs component lifecycle events to the console. This is useful for debugging.


import { useState } from 'react'
import { useLogger } from '@tidbcloud/uikit'
import { Button } from '@tidbcloud/uikit'
 
function Demo() {
  const [count, setCount] = useState(0)
  useLogger('Demo', [{ count }])
 
  return <Button onClick={() => setCount((c) => c + 1)}>Count: {count}</Button>
}

Console Output


[Demo] Mounted
[Demo] Updated [{ count: 0 }]
[Demo] Updated [{ count: 1 }]
[Demo] Unmounted

Definition


function useLogger(componentName: string, props: any[]): void