Haz tu pregunta y obtén un resumen del documento referenciando esta página y el proveedor AI de tu elección
Al integrar el servidor MCP Intlayer a tu asistente de IA, puedes recuperar todos los documentos directamente desde ChatGPT, DeepSeek, Cursor, VSCode, etc.
Ver la documentación del servidor MCPEl contenido de esta página ha sido traducido con una IA.
Ver la última versión del contenido original en inglésSi tienes una idea para mejorar esta documentación, no dudes en contribuir enviando una pull request en GitHub.
Enlace de GitHub a la documentaciónCopiar el Markdown del documento a la portapapeles
Enumeración / Plurialización
Cómo Funciona la Enumeración
En Intlayer, la enumeración se logra mediante la función enu, que asigna claves específicas a su contenido correspondiente. Estas claves pueden representar valores numéricos, rangos o identificadores personalizados. Cuando se usa con React Intlayer o Next Intlayer, el contenido apropiado se selecciona automáticamente según la configuración regional de la aplicación y las reglas definidas.
Configuración de la Enumeración
Para configurar la enumeración en tu proyecto Intlayer, necesitas crear un módulo de contenido que incluya definiciones de enumeración. Aquí tienes un ejemplo de una enumeración simple para el número de coches:
Copiar el código al portapapeles
import { enu, type Dictionary } from "intlayer";const carEnumeration = { key: "car_count", content: { numberOfCar: enu({ "<-1": "Menos de menos un coche", "-1": "Menos un coche", "0": "Sin coches", "1": "Un coche", ">5": "Algunos coches", ">19": "Muchos coches", "fallback": "Valor de reserva", // Opcional }), },} satisfies Dictionary;export default carEnumeration;
En este ejemplo, enu asigna varias condiciones a contenido específico. Cuando se usa en un componente React, Intlayer puede elegir automáticamente el contenido apropiado basado en la variable dada.
El orden de declaración es importante en las enumeraciones de Intlayer. La primera declaración válida es la que se seleccionará. Si se aplican múltiples condiciones, asegúrese de que estén ordenadas correctamente para evitar comportamientos inesperados.
Si no se declara un valor de reserva (fallback), la función devolverá undefined si ninguna clave coincide.
Uso de Enumeraciones con React Intlayer
Para usar enumeraciones en un componente React, puede aprovechar el hook useIntlayer del paquete react-intlayer. Este hook recupera el contenido correcto basado en el ID especificado. Aquí hay un ejemplo de cómo usarlo:
Copiar el código al portapapeles
import type { FC } from "react";import { useIntlayer } from "react-intlayer";const CarComponent: FC = () => { const { numberOfCar } = useIntlayer("car_count"); return ( <div> <p> { numberOfCar(0) // Salida: Sin coches } </p> <p> { numberOfCar(6) // Salida: Algunos coches } </p> <p> { numberOfCar(20) // Salida: Muchos coches } </p> <p> { numberOfCar(0.01) // Salida: Valor de reserva } </p> </div> );};
En este ejemplo, el componente ajusta dinámicamente su salida según el número de coches. El contenido correcto se elige automáticamente, dependiendo del rango especificado.
Recursos Adicionales
Para obtener información más detallada sobre la configuración y el uso, consulte los siguientes recursos:
Estos recursos proporcionan información adicional sobre la configuración y el uso de Intlayer en diferentes entornos y con varios frameworks.
Historial del Documento
- 5.5.10 - 2025-06-29: Historial inicial