如何用i18next的t函数批量替换React Native项目代码中的文本？

针对React Native项目中大量硬编码文本替换为i18next本地化调用的需求，以下是几种高效的优化方法：

1. IDE正则全局替换（快速上手） #

主流IDE（VS Code、WebStorm）支持带正则的全局查找替换，能快速批量处理重复或通用文本：

• 匹配普通字符串：使用正则(?<!t\()"([^"]+)"（排除已有的t("xxx")调用），替换为t('$1')。注意先将提取的文本同步到翻译文件中，或者用统一规则生成键名（比如common.confirm这类语义化键）。
• 匹配JSX文本节点：比如查找<Text>([^<]+)</Text>，替换为<Text>{t('$1')}</Text>，适合批量处理页面文本。
• 操作前务必备份代码，对替换结果逐个模块验证，避免误改注释或非业务文本。

2. 自定义Node.js脚本批量处理 #

编写脚本自动化提取、替换、更新翻译文件，适合大规模项目：

• 核心逻辑：
  1. 用fs+path模块遍历项目的.jsx/.tsx文件。
  2. 用正则匹配文件中的硬编码字符串（区分普通字符串、模板字符串、JSX文本）。
  3. 对每个文本生成唯一键（比如${文件相对路径}.${文本哈希值}），避免键冲突。
  4. 将键-文本映射写入翻译文件（如src/locales/en.json）。
  5. 替换原文件中的硬编码文本为t('生成的键名')。
• 注意：脚本要过滤注释、已本地化的代码块，处理带特殊字符的字符串（如引号、换行）。

3. ESLint规则辅助检测与自动修复 #

通过自定义ESLint规则，主动识别硬编码文本并提供自动修复：

• 编写规则检测：JSX中的纯文本节点、变量声明中的硬编码字符串，标记为违规。
• 配置自动修复：将检测到的文本替换为t()调用，同时自动将文本写入翻译文件（需配合自定义修复逻辑）。
• 可以基于现有插件扩展，比如eslint-plugin-i18n，针对React Native场景调整规则。

4. 增量迁移与规范约束 #

• 优先处理高频通用文本：先替换“确定”“取消”“返回”这类全局复用的文本，快速减少硬编码数量。
• 分模块推进：按业务模块拆分任务，逐个模块完成替换、验证，避免一次性处理全量文件导致混乱。
• 新增代码规范：在ESLint中添加规则，禁止硬编码业务文本，要求必须使用t()调用，从源头防止新的硬编码出现。

5. 特殊场景处理 #

• 动态拼接文本（如"欢迎, " + username）：需手动调整为t('welcome', { username })，可通过正则匹配这类模式，生成待处理清单供开发者逐一修改。
• 复数、性别等复杂本地化场景：先提取基础文本，再根据i18next语法调整为带参数的t()调用，确保符合多语言规则。

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