Referencia de React

Ways

Root props

Propiedades raíz comunes:

PropTipoNotas
apiKeycadenaRequerido.
localidadcadenaConfiguración regional actual.
localizaciónBasecadenaIdioma de origen.
persistLocaleCookiebooleanPolítica de cookies de localización predeterminada para el tiempo de ejecución raíz.
contextcadena | objetoContexto raíz opcional.
cacheTtlnúmeroTTL de caché para solicitudes de traducción.
formateadorDeMensajes'waysParser' | 'ninguno' | fnAnulación de analizador o formateador.
obtenedortypeof fetchImplementación de recuperación personalizada.
locales aceptadoscadena[]Lista de locales explícitos opcionales.

Scoped props

Los ámbitos anidados aceptan:

PropTipoNotas
contextcadena | objetoRequerido.
localidadcadenaAnulación de configuración regional opcional.
localizaciónBasecadenaAnulación de la configuración regional base opcional.
componentesRegistro<string, componente>Componentes utilizados dentro del contenido traducible.

T

T es el primitivo de traducción basado en JSX.

PropTipoNotas
niñosReactNodeRequerido.
varsRegistro<string, desconocido>Entrada de interpolación.
contextcadena | objetoAnulación de contexto de hoja opcional.
componentesRegistro<string, componente>Mapeo de componentes para contenido enriquecido.
fijobooleanOmitir la traducción de contenido fijo similar a marcas.

useT()

useT() devuelve una función de traducción para cadenas, atributos y lógica.

tsx
const t = useT();
const label = t('Guardar cambios');

Ganchos de tiempo de ejecución

useTranslatedMemo()

Un valor memorizado que se vuelve a calcular cuando cambian las traducciones.

useTranslationLoading()

Devuelve verdadero mientras el contexto actual aún se está cargando.

useCurrentLocale()

Lee la configuración regional de tiempo de ejecución raíz.

useSetCurrentLocale()

Devuelve el setter para la configuración regional raíz en tiempo de ejecución.

LanguageSwitcher

Propiedades comunes:

PropTipoNotas
localizaciónActualcadenaLocalización controlada.
cambioDeLocalidad(localidad) => vacíoManejador de cambios.
dirección'arriba' | 'abajo'Dirección del menú.
estilos / nombresDeClaseobjetoAnulaciones de estilo.
sin estilobooleanDesactivar estilos integrados.

Utility exports

@18ways/react también re-exporta:

  • obtenerLocalesAceptados
  • obtenerIdiomasHabilitados
  • resolverOrigen