Home > @lynx-js/react > useLynxGlobalEventListener

useLynxGlobalEventListener() function

useLynxGlobalEventListener help you addListener as early as possible.

Signature:

export declare function useLynxGlobalEventListener<T extends (...args: unknown[]) => void>(eventName: string, listener: T): void;

Parameters

ParameterTypeDescription
eventNamestringEvent name to listen
listenerTEvent handler

Returns:

void

Example

Use this hooks to listen to event 'exposure' and event 'disexposure'

function App() {
  useLynxGlobalEventListener('exposure', (e) => {
    console.log("exposure", e)
  })
  useLynxGlobalEventListener('disexposure', (e) => {
    console.log("disexposure", e)
  })
  return (
    <view
      style='width: 100px; height: 100px; background-color: red;'
      exposure-id='a'
    />
  )
}