如何在React Native组件外部使用i18next的t函数？

直接说结论：从i18n配置文件直接导入t函数是最简单且最优的方案，下面逐个分析你的三个选项：

方案分析 #

• 方案1：从i18n配置文件导入t
  这是最推荐的方式，不管是组件内还是非组件的普通函数（比如工具函数、业务逻辑函数）都能直接用，不需要依赖React上下文，也不用额外传参。
  实现起来也简单，在需要的文件顶部加一行：

  import { t } from './path/to/i18n.js';
  

  之后直接调用t('translation.key')即可。注意要确保i18n实例在App启动时就完成初始化（比如在index.js里先初始化i18n，再挂载根组件），避免出现未初始化就调用t的问题。

• 方案2：使用useTranslation钩子
  这个钩子只能在React组件或自定义钩子内部使用，非组件的普通函数里根本没法调用，直接排除。

• 方案3：将t作为参数传入函数
  这种方式会增加函数的复杂度，尤其是当函数嵌套调用时，每一层都需要传递t参数，维护成本高，完全没必要用这种冗余的方式。

统一使用方法 #

如果你想统一代码风格，可以这么做：

• 非组件函数：统一用直接导入t的方式。
• 组件内：如果只是静态翻译（不需要随语言切换自动更新），也可以直接导入t；如果需要组件在语言变化时自动重新渲染，那还是用useTranslation钩子。
  要是你非要完全统一写法，也可以在组件里直接导入t，然后手动监听i18n的languageChanged事件来更新组件状态，但一般来说useTranslation已经封装了这个逻辑，没必要多此一举。

内容的提问来源于stack exchange，提问作者jakhando