रिएक्ट संदर्भ
Ways
Root props
सामान्य रूट प्रॉप्स:
| सहारा | टाइप | नोट्स |
|---|---|---|
apiKey | स्ट्रिंग | आवश्यक। |
लोकेल | स्ट्रिंग | वर्तमान लक्षित लोकेल। |
baseLocale | स्ट्रिंग | स्रोत लोकेल। |
persistLocaleCookie | बूलियन | रूट रनटाइम के लिए डिफ़ॉल्ट लोकेल-कुकी नीति. |
संदर्भ | स्ट्रिंग | ऑब्जेक्ट | वैकल्पिक रूट संदर्भ। |
cacheTtl | संख्या | अनुवाद अनुरोधों के लिए कैश TTL। |
messageFormatter | 'waysParser' | 'none' | fn | पार्सर या फ़ॉर्मैटर ओवरराइड. |
suspenseTimeoutMs | संख्या | फ़ॉलबैक रेंडरिंग जारी रहने से पहले render blocking के लिए अधिकतम अनुमत समय। |
fetcher | fetch का प्रकार | कस्टम फ़ेच कार्यान्वयन. |
स्वीकृतLocales | string[] | वैकल्पिक स्पष्ट लोकेल सूची. |
Scoped props
नेस्टेड स्कोप स्वीकार करते हैं:
| सहारा | टाइप | नोट्स |
|---|---|---|
संदर्भ | स्ट्रिंग | ऑब्जेक्ट | आवश्यक। |
लोकेल | स्ट्रिंग | उपलब्ध है, लेकिन isolated locale session के लिए nested root का उपयोग करें। |
baseLocale | स्ट्रिंग | subtree के लिए वैकल्पिक source-locale ओवरराइड। |
घटक | Record<string, component> | अनुवाद योग्य सामग्री के भीतर उपयोग किए गए घटक। |
T
T JSX-प्रथम अनुवाद प्रिमिटिव है।
| सहारा | टाइप | नोट्स |
|---|---|---|
बच्चे | ReactNode | आवश्यक। |
vars | रिकॉर्ड<string, unknown> | इंटरपोलेशन इनपुट. |
संदर्भ | स्ट्रिंग | ऑब्जेक्ट | वैकल्पिक लीफ संदर्भ ओवरराइड. |
घटक | Record<string, component> | समृद्ध सामग्री के लिए कंपोनेंट मैपिंग। |
निश्चित | बूलियन | फिक्स्ड ब्रांडिंग-जैसी सामग्री का अनुवाद न करें. |
useT()
useT() स्ट्रिंग्स, एट्रिब्यूट्स और लॉजिक के लिए एक अनुवाद फ़ंक्शन लौटाता है।
const t = useT();
const label = t('Save changes');रनटाइम हुक्स
useTranslatedMemo()
एक मेमोराइज़्ड मान जो अनुवाद बदलने पर फिर से गणना करता है।
useTranslationLoading()
वर्तमान संदर्भ के अभी भी लोड हो रहे होने तक true लौटाता है।
useCurrentLocale()
मौजूदा root runtime के लिए selected locale पढ़ता है।
useTargetLocale()
मौजूदा scope के लिए सक्रिय target locale पढ़ता है।
useBaseLocale()
मौजूदा root runtime के लिए source locale पढ़ता है।
useSetCurrentLocale()
रूट रनटाइम लोकेल के लिए सेटर लौटाता है।
useAcceptedLocales()
root runtime से resolved accepted locale list पढ़ता है।
LanguageSwitcher
सामान्य प्रॉप्स:
| सहारा | टाइप | नोट्स |
|---|---|---|
currentLocale | स्ट्रिंग | नियंत्रित स्थान-निर्धारण। |
onLocaleChange | (locale) => void | परिवर्तन प्रबंधक. |
दिशा | 'ऊपर' | 'नीचे' | मेनू दिशा। |
शैलियाँ / क्लास नाम | वस्तु | स्टाइलिंग ओवरराइड्स. |
असज्जित | बूलियन | बिल्ट-इन शैलियाँ अक्षम करें। |
Utility exports
@18ways/react भी फिर से निर्यात करता है:
fetchAcceptedLocalesfetchConfigresolveOrigin