Hooks
useAction

useAction

El hook useAction permite enviar información o ejecutar acciones entre componentes que no están directamente conectados pero existen en el DOM.

Importación

Para importar el componente useAction, se puede hacer desde fenextjs

import { useAction } from "fenextjs";

Parámetros

ParámetroTipoRequeridoDefaultDescripcion
namestringNombre único para diferenciar distintas acciones.
onActionExecute(d?: T) => voidnoFunción que se ejecuta al recibir la acción.
env_logobjectnoObjeto que define qué eventos serán registrados en la consola.

env_log

Dependiendo de los valores en 'true', se mostrarán los eventos en la consola:

NombreDescripcionDefault
onActionExecuteMuestra en consola al ejecutar onActionExecute.false
onActionMuestra en consola al ejecutar onAction.false

Returns

ParametroTipoDescripcion
onAction(detail?: T) => voidFunción que se usa para ejecutar la acción, se le puede pasar parámetros si lo necesita.

Usos

  • Detectar acción
useAction({ name: "name_action", onActionExecute: console.log });
  • Ejecutar acción
const { onAction } = useAction({ name: "name_action" });
onAction();
  • Definiendo interfaz
const { onAction } = useAction<string>({ name: "name_action" });
onAction("Data");