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ámetro | Tipo | Requerido | Default | Descripcion |
---|---|---|---|---|
name | string | sí | Nombre único para diferenciar distintas acciones. | |
onActionExecute | (d?: T) => void | no | Función que se ejecuta al recibir la acción. | |
env_log | object | no | Objeto 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:
Nombre | Descripcion | Default |
---|---|---|
onActionExecute | Muestra en consola al ejecutar onActionExecute. | false |
onAction | Muestra en consola al ejecutar onAction. | false |
Returns
Parametro | Tipo | Descripcion |
---|---|---|
onAction | (detail?: T) => void | Funció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");