प्रतिक्रिया i18next और भाषा बदलने का सही तरीका

Question

मैं प्रतिक्रिया, i18next और i18next-browser-languagedetector का उपयोग कर बहुभाषी अनुप्रयोग विकसित कर रहा हूं।

मैं निम्नलिखित तरीके i18next प्रारंभ:

i18n 
    .use(LanguageDetector) 
    .init({ 
    lng: localStorage.getItem(I18N_LANGUAGE) || "pt", 
    fallbackLng: "pt", 
    resources: { 
     en: stringsEn, 
     pt: stringsPt 
    }, 
    detection: { 
     order: ["localStorage", "navigator"], 
     lookupQuerystring: "lng", 
     lookupLocalStorage: I18N_LANGUAGE, 
     caches: ["localStorage"] 
    } 
    }); 

export default i18n; 

और मुझे लगता है कि सिर्फ तुम क्या उपयोगकर्ता चुना localStorage में मूल्य में परिवर्तन एक भाषा चयनकर्ता लागू किया है।

क्या यह करने का सही तरीका है?

मैं पूछता हूं क्योंकि यह काम करता है, मुझे लगता है कि मैं localStorage.getItem(I18N_LANGUAGE) || "pt" सेट करके "धोखाधड़ी" कर रहा हूं और मैं भाषा पहचान का उपयोग नहीं कर रहा हूं जैसा मुझे करना चाहिए।

Answer 1

documentation के अनुसार, आप अपने आप को भाषा निर्दिष्ट करने की आवश्यकता नहीं होनी चाहिए:

if (!lng && this.services.languageDetector) lng = this.services.languageDetector.detect();

:

import i18next from 'i18next'; 
import LngDetector from 'i18next-browser-languagedetector'; 

i18next 
    .use(LngDetector) 
    .init({ 
    detection: options 
    }); 

और i18next में this piece of source के अनुसार, यह वास्तव में प्लगइन का पता लगाने क्षमताओं का उपयोग करता

क्या यह करने का सही तरीका है?

तो, नहीं, ऐसा नहीं है। प्लगइन को यह काम करने दें। :)

Answer 2

@firstdoit:

स्वत: ब्राउज़र की भाषा का पता लगाने के संबंध में अच्छा जवाब। हालांकि, आपको नहीं लगता कि, यह उपयोगकर्ता को स्वचालित और मैन्युअल कॉन्फ़िगरेशन दोनों का लाभ उठाने का एक बेहतर तरीका है।

उदाहरण के लिए, यदि किसी के पास ब्राउज़र पर सेट किया गया है, तो यह आपके द्वारा प्रलेखन के आधार पर स्वचालित दृष्टिकोण के लिए ठीक होगा। यदि कोई उपयोगकर्ता अंग्रेजी भाषा से फ़्रेंच भाषा बदलता है, तो यह ब्राउज़र भाषा को प्रभावित नहीं करता है, इसलिए साइट को केवल अंग्रेज़ी में रखते हुए कॉन्फ़िगरेशन स्वचालित रूप से ब्राउज़र भाषा का पता लगाने के लिए सेट होते हैं।

मैं, बारी में, वर्तमान पृष्ठ भाषा को प्राथमिकता देंगे:

• या तो के माध्यम से मानकों (/george.php?lang=fr या /fr_FR/george.php)

पारित कर दिया

यह

• var lang = this.props.lang || के रूप में मेरे कोड के प्रोप के रूप में पारित किया जाएगा। this.services.languageDetector.detect() || "एन";

आपका क्या लेना है?

Answer 3

मुझे लगता है कि आप बहुत करीब हैं। आप शुरुआत में फ़ॉलबैक भाषा के साथ i18n सेट कर सकते हैं। और फिर स्थानीय स्टोरेज या लोकलफोरेज या जो भी स्टोरेज के लिए सहेजी गई भाषा की जानकारी लोड करने के बाद, i18nInstance.changeLanguage(lng) पर कॉल करें।