如何在 React 中定义 i18n 语言代码(相同语言但不同版本)?

How can I define i18n language code (same language but different version) in React?

我在 React 应用程序中通过 i18n 定义不同类型的语言时遇到问题。

我有 es-MX, es-ES, zh-CN 最后zh-TW 我的语言数组中的语言代码。

我不知道如何在 i18n 进程中定义它们。

我该怎么做?

下面是我的 i18n 代码片段。

从 'i18next' 导入 i18n; 从 'react-i18next';

导入 { initReactI18next }
i18n.use(initReactI18next).init({
    resources: {
         ...
    },
    fallbackLng: 'en',
    ns: ['translations'],
    defaultNS: 'translations',
    keySeparator: false,
    interpolation: {
      escapeValue: false,
      formatSeparator: ','
    },
    react: {
      wait: true
    }
  });
  
export default i18n;

下面是我的回答。

import i18n from 'i18next';
import { initReactI18next } from 'react-i18next';

    i18n.use(initReactI18next).init({
        resources: {
             "en-MX": {
                   translations: {

                   }
             },
             "es-ES": {
                   translations: {

                   }
             },
             "zh-CN": {
                   translations: {

                   }
             },
             "zh-TW": {
                   translations: {

                   }
             }
     },
     fallbackLng: 'en',
     ns: ['translations'],
     defaultNS: 'translations',
     keySeparator: false,
     interpolation: {
       escapeValue: false,
       formatSeparator: ','
     },
     react: {
       wait: true
     }
  });
      
export default i18n;