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");