React Native 中的 i18next：import {t} 不起作用（在 React Web 中有效）

Question

以下代码在正常的 React 项目中工作（我使用的是打字稿，如果重要的话）：

import {t} from "i18next";

const translation = t('WelcomeMessage');

同样的代码在 React Native 项目中不起作用，会报错：

import i18n, {t} from "i18next";

const translation1 = i18n.t('WelcomeMessage');   //works ok
const translation = t('WelcomeMessage'); //ERROR: (0, _i18next.t) is not a function

为什么t('WelcomeMessage') 在 RNative 中不起作用？是否与 i18next 在 typedefinitions (export = i18next;) 中的导出方式有关？

Answer 1

您可以使用i18n-js 实现此功能 https://github.com/fnando/i18n-js/releases

创建一个.js 文件。

import i18n from 'i18n-js';

import en from '../translations/en.json';
import ar from '../translations/ar.json';

i18n.fallbacks = true;
i18n.translations = { en, ar };

export default i18n;

在组件类中调用这个 i18n.js 文件

import i18n from './i18n'
class Test extends Component {

   render(){
     return(
        <Text>i18n.t('sample')</Text>
     )
   }

}