Referência do React

Ways

Root props

Propriedades de raiz comuns:

PropriedadeTipoNotas
apiKeystringObrigatório.
localidadestringLocalidade alvo atual.
baseLocalestringLocalidade de origem.
persistLocaleCookiebooleanPolítica de cookie de localidade padrão para o tempo de execução raiz.
contextostring | objetoContexto raiz opcional.
cacheTtlnúmeroTTL de cache para solicitações de tradução.
formatadorDeMensagem'waysParser' | 'nenhum' | fnSubstituição de parser ou formatador.
fetchertypeof fetchImplementação de busca personalizada.
localesAceitasstring[]Lista de locais explícita opcional.

Scoped props

Escopos aninhados aceitam:

PropriedadeTipoNotas
contextostring | objetoObrigatório.
localidadestringSubstituição de localidade opcional.
baseLocalestringSubstituição de localidade base opcional.
componentesRegistro<string, componente>Componentes usados dentro do conteúdo traduzível.

T

T é o primitivo de tradução com JSX em primeiro lugar.

PropriedadeTipoNotas
criançasReactNodeObrigatório.
varsRegistro<string, desconhecido>Entrada de interpolação.
contextostring | objetoSubstituição de contexto de folha opcional.
componentesRegistro<string, componente>Mapeamento de componentes para conteúdo rico.
fixadobooleanPule a tradução para conteúdo fixo de marca.

useT()

useT() retorna uma função de tradução para strings, atributos e lógica.

tsx
const t = useT();
const label = t('Save changes');

Ganchos de tempo de execução

useTranslatedMemo()

Um valor memoizado que recomputa quando as traduções mudam.

useTranslationLoading()

Retorna true enquanto o contexto atual ainda está carregando.

useCurrentLocale()

Lê o local de execução raiz.

useSetCurrentLocale()

Retorna o setter para o local de execução raiz.

LanguageSwitcher

Propriedades comuns:

PropriedadeTipoNotas
localidadeAtualstringLocalidade controlada.
onLocaleChange(locale) => vazioManipulador de mudança.
direção'cima' | 'baixo'Direção do menu.
estilos / nomesDeClasseobjetoSubstituições de estilo.
sem estilobooleanDesativar estilos embutidos.

Utility exports

@18ways/react também re-exporta:

  • fetchAcceptedLocales
  • fetchConfig
  • resolverOrigem