Referencia de React

Ways

Root props

Propiedades raíz comunes:

PropTipoNotas
apiKeycadenaRequerido.
localizacióncadenaConfiguración regional actual.
baseLocalecadenaIdioma de origen.
persistLocaleCookiebooleanoPolítica de cookies de localización predeterminada para el tiempo de ejecución raíz.
contextocadena | objetoContexto raíz opcional.
cacheTtlnúmeroTTL de caché para solicitudes de traducción.
formateadorDeMensajes'waysParser' | 'ninguno' | fnAnulación de analizador o formateador.
fetchertypeof fetchImplementación de búsqueda personalizada.
localesAceptadoscadena[]Lista de locales explícitos opcional.

Scoped props

Los ámbitos anidados aceptan:

PropTipoNotas
contextocadena | objetoRequerido.
localizacióncadenaAnulación de configuración regional opcional.
baseLocalecadenaAnulació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 que prioriza JSX.

PropTipoNotas
niñosReactNodeRequerido.
varsRegistro<string, desconocido>Entrada de interpolación.
contextocadena | objetoAnulación de contexto de hoja opcional.
componentesRegistro<string, componente>Mapeo de componentes para contenido enriquecido.
fijobooleanoOmitir 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('Save changes');

Ganchos de tiempo de ejecución

useTranslatedMemo()

Un valor memorizado que se recomputa cuando cambian las traducciones.

useTranslationLoading()

Devuelve true 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
currentLocalecadenaLocalización controlada.
onLocaleChange(locale) => vacíoControlador de cambios.
dirección'arriba' | 'abajo'Dirección del menú.
estilos / nombresDeClaseobjetoSobrescrituras de estilo.
sin estilobooleanoDesactivar estilos integrados.

Utility exports

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

  • fetchAcceptedLocales
  • fetchConfig
  • resolverOrigen