#20 Design dropdown menu for languages

Download files

#20.1 Add Multiple Languages in React Apps

install i18next

How to use i18next

import { useTranslation } from "react-i18next";

//Using the hook
const { t, i18n } = useTranslation();


// To show the value
{t("KEY")}


// Change language on click
onClick={() => {
  i18n.changeLanguage("en");
}}


// True OR Falfe
i18n.language === "en"

install language Detector

Download files

#20.2 Task solution

Download files

😡
انت مشغل الـ AdBlock !!

ياريت تقفله لوسمحت 😊 😊

تنبيه هام ✋

إذا كانت الإعلانات مزعجة بالنسبة لك، فيُمكنك التبرع ب50$ وسيتم إيقاف الإعلانات لمدة شهر لجميع زوار الموقع 🧡 ويُمكنك التواصل معنا عن طريق صفحة الفيس بوك