i18next带命名空间的情况下无法获取到期望的翻译文件。

下面的代码示例展示了一个i18next配置，其中带有命名空间。在这个示例中，我们期望引入一个叫做“common”的翻译文件：

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

i18n
  .use(initReactI18next)
  .init({
    resources: {
      en: {
        common: {
          hello: 'Hello World'
        }
      }
    },
    ns: ['common'],
    defaultNS: 'common',
    lng: 'en',
    fallbackLng: 'en',
    interpolation: {
      escapeValue: false
    }
  });

但是，当我们通过以下方式尝试获取hello键的值时，代码会返回undefined：

i18n.t('hello'); // returns undefined

要想解决这个问题，需要更新resources配置项，因为命名空间默认为translation。因此，我们需要将命名空间作为对象的属性名，并将翻译文件作为其值。解决方法如下：

i18n
  .use(initReactI18next)
  .init({
    resources: {
      en: {
        common: {
          hello: 'Hello World'
        }
      }
    },
    ns: ['common'],
    defaultNS: 'common',
    lng: 'en',
    fallbackLng: 'en',
    interpolation: {
      escapeValue: false
    }
  }, function(err, t) {
    // add any translation bundles here
    i18n.addResourceBundle('en', 'common', {
      hello: 'Hello World'
    });
    // ...
  });

通过以上修改，我们就能够正常获取到翻译文件了：“Hello World”。