Module "hooks/useOnStateChanged"

useOnStateChanged

• useOnStateChanged(onStateChangedCallback: (state: StateDeclaration, params: RawParams) => void): void

• A hook that invokes the provided callback whenever the current state changes.

  The callback receives the StateDeclaration and parameter values of the new current state.

  Example:

  function ShowCurrentState() {
    const [routerState, setRouterState] = useState('');
    useOnStateChanged((state) => setState(state.name);
    return <span>{routerState ? `state changed to ${routerState}` : null}</span>
  }

  Parameters

  • onStateChangedCallback: (state: StateDeclaration, params: RawParams) => void

    a callback that receives the new current state and parameter values

    • • (state: StateDeclaration, params: RawParams): void

      • Parameters

        • state: StateDeclaration

        • params: RawParams

        Returns void

  Returns void