如何使用 react-intl v2 中的语言环境将语言环境设置为子本地人（例如 en-GB、en-US 或 fr-CA）答案

【问题标题】：How to set locale to child locals (e.g. en-GB, en-US or fr-CA) with locales in react-intl v2如何使用 react-intl v2 中的语言环境将语言环境设置为子本地人（例如 en-GB、en-US 或 fr-CA）
【发布时间】：2019-10-17 03:08:53
【问题描述】：

我正在尝试使用 react-intl 来本地化 React 应用程序。

它已设置并适用于所有父语言环境，例如 EN、DE、FR 等。我可以查看子语言环境，例如 en-GB 和 en-US，但是，我无法显示它们在浏览器中。

这就是我目前导入语言环境的方式：

import en from 'react-intl/locale-data/en';

我希望react-intl 能够自动进入子语言环境，不是这样吗？

欢迎任何帮助！

【问题讨论】：

标签： reactjs react-intl

【解决方案1】：

它应该工作。你用addLocaleData吗？

https://codesandbox.io/s/reactintl-formattedtime-s09vo?fontsize=14

【讨论】：

是的，我使用 addLocaleData 添加区域设置数据，如下所示：import en from 'react-intl/locale-data/en'; import { addLocaleData } from 'react-intl'; import localEn from '../en.json'; addLocaleData([ ...en, ...de, ...fr]); 问题在于从 react-intl/locales/en.js 文件中获取子区域设置。
我认为只需 import en from 'react-intl/locale-data/en' 就足以为子语言环境加载语言环境，因为我把它放在代码框上。请问怎么不能在浏览器中显示？或者问题是您想从react-intl/locales/en.js 获取子语言环境？
抱歉我打错了我的意思是在子语言环境react-intl/locale-data/en 文件中。不过我错了，问题是我没有指向正确的本地/用户为子语言环境制作的语言环境文件。我所做的是映射它，以便en 也可用于en-GB、en-US（指向本地en.json，然后对于特定区域，我将其指向子本地人，例如'fr-CA ' 指向本地 'fr-CA.json' 进行翻译。非常感谢您的帮助@banyan