i18n .use(initReactI18next) .init( resources, lng: "en", // default language fallbackLng: "en", interpolation: escapeValue: false // React already safes from XSS
# Create a new React project npx create-react-app multilingual-greetings cd multilingual-greetings # Install i18next and its React connector npm install i18next react-i18next i18next-browser-languagedetector Use code with caution. Step 2: Organizing Translation Files multilingual greetings react js github
const languageGreetingsList = [ id: 'bfdf40eb-e385-4b1a-a760-203b74d24541', buttonText: 'English', imageAltText: 'english' , id: '0ceda029-4504-41ed-9486-444455823528', buttonText: 'Tamil', imageAltText: 'tamil' , id: '25e86548-8db9-4670-bc22-38efd806509a', buttonText: 'Telugu', imageAltText: 'telugu' , ]; Use code with caution. Copied to clipboard Step 2: Manage Active State i18n .use(initReactI18next) .init( resources