React reference

Ways

Root props

Common root props:

Propटाइपनोट्स
apiKeyस्ट्रिंगआवश्यक।
localeस्ट्रिंगCurrent target locale.
baseLocaleस्ट्रिंगSource locale.
persistLocaleCookiebooleanDefault locale-cookie policy for the root runtime.
contextstring | objectOptional root context.
cacheTtlसंख्याCache TTL for translation requests.
messageFormatter'waysParser' | 'none' | fnParser or formatter override.
suspenseTimeoutMsसंख्याफ़ॉलबैक रेंडरिंग जारी रहने से पहले render blocking के लिए अधिकतम अनुमत समय।
fetcherfetch का प्रकारकस्टम फ़ेच कार्यान्वयन.
स्वीकृतLocalesstring[]Optional explicit locale list.

Scoped props

Nested scopes accept:

Propटाइपनोट्स
contextstring | objectआवश्यक।
localeस्ट्रिंगउपलब्ध है, लेकिन isolated locale session के लिए nested root का उपयोग करें।
baseLocaleस्ट्रिंगsubtree के लिए वैकल्पिक source-locale ओवरराइड।
componentsRecord<string, component>Components used inside translatable content.

T

T is the JSX-first translation primitive.

Propटाइपनोट्स
childrenReactNodeआवश्यक।
varsRecord<string, unknown>Interpolation input.
contextstring | objectOptional leaf context override.
componentsRecord<string, component>Component mapping for rich content.
fixedbooleanSkip translation for fixed branding-like content.

useT()

useT() returns a translation function for strings, attributes, and logic.

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

Runtime hooks

useTranslatedMemo()

A memoized value that recomputes when translations change.

useTranslationLoading()

Returns true while the current context is still loading.

useCurrentLocale()

मौजूदा root runtime के लिए selected locale पढ़ता है।

useTargetLocale()

मौजूदा scope के लिए सक्रिय target locale पढ़ता है।

useBaseLocale()

मौजूदा root runtime के लिए source locale पढ़ता है।

useSetCurrentLocale()

Returns the setter for the root runtime locale.

useAcceptedLocales()

root runtime से resolved accepted locale list पढ़ता है।

LanguageSwitcher

Common props:

Propटाइपनोट्स
currentLocaleस्ट्रिंगControlled locale.
onLocaleChange(locale) => voidChange handler.
direction'up' | 'down'Menu direction.
styles / classNamesobjectStyling overrides.
unstyledbooleanDisable built-in styles.

Utility exports

@18ways/react also re-exports:

  • fetchAcceptedLocales
  • fetchConfig
  • resolveOrigin
भाषा बदली जा रही है
React संदर्भ