Sanggunian ng React

Ways

Root props

Mga karaniwang root prop:

PropUriMga Tala
apiKeystringKinakailangan.
lokalidadstringKasalukuyang target na locale.
baseLocalestringPinagmulan na lokasyon.
persistLocaleCookiebooleanDefault na patakaran sa locale-cookie para sa root runtime.
kontekstostring | objectOpsyonal na root context.
cacheTtlnumeroCache TTL para sa mga kahilingan sa pagsasalin.
messageFormatter'waysParser' | 'none' | fnPag-override ng parser o formatter.
suspenseTimeoutMsnumeroPinakamahabang oras na pinapayagan ang pagre-render na nakaharang bago magpatuloy ang fallback rendering.
fetcheruri ng fetchPasadyang pagpapatupad ng fetch.
acceptedLocalesstring[]Opsyonal na tahasang listahan ng locale.

Scoped props

Tinatanggap ng mga nested scope ang:

PropUriMga Tala
kontekstostring | objectKinakailangan.
lokalidadstringAvailable, ngunit gumamit ng nested root para sa isang hiwalay na locale session.
baseLocalestringOpsyonal na pag-ooverride sa source locale para sa subtree.
mga bahagiRecord<string, component>Mga component na ginagamit sa loob ng isasalin na nilalaman.

T

Ang T ay ang JSX-first na translation primitive.

PropUriMga Tala
mga bataReactNodeKinakailangan.
varsRecord<string, unknown>Input ng interpolasyon.
kontekstostring | objectOpsyonal na override ng konteksto ng leaf.
mga bahagiRecord<string, component>Pagmamapa ng mga bahagi para sa mayamang nilalaman.
nakapirmibooleanLaktawan ang pagsasalin para sa nakapirming nilalamang kahawig ng branding.

useT()

useT() ay nagbabalik ng function sa pagsasalin para sa mga string, attribute, at lohika.

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

Mga runtime hook

useTranslatedMemo()

Isang na-memoize na value na muling kinokompyut kapag nagbabago ang mga pagsasalin.

useTranslationLoading()

Nagbabalik ng true habang naglo-load pa rin ang kasalukuyang context.

useCurrentLocale()

Binabasa ang napiling locale para sa kasalukuyang root runtime.

useTargetLocale()

Binabasa ang aktibong target na locale para sa kasalukuyang saklaw.

useBaseLocale()

Binabasa ang source locale para sa kasalukuyang root runtime.

useSetCurrentLocale()

Ibinabalik ang setter para sa root runtime locale.

useAcceptedLocales()

Binabasa ang nalutas na listahan ng tinanggap na locale mula sa ugat na runtime.

LanguageSwitcher

Mga karaniwang props:

PropUriMga Tala
currentLocalestringKontroladong lokal.
onLocaleChange(lokal) => walang ibinabalikTagapangasiwa ng pagbabago.
direksyon'itaas' | 'ibaba'Direksyon ng menu.
mga istilo / mga pangalan ng klaseobjetoMga pag-override sa estilo.
hindi naka-istilobooleanI-disable ang mga built-in na estilo.

Utility exports

@18ways/react ay nagre-reexport din ng:

  • fetchAcceptedLocales
  • fetchConfig
  • resolveOrigin
Changing language
Sanggunian sa React