javascript - React-intl 是否支持根据位置转换国家/地区名称?

标签 javascript reactjs react-redux react-intl

我正在尝试根据区域设置显示国家/地区名称列表。例如,假设我们有一个国家/地区列表,如下所示:

United States, China, Japan, and France.

您是浏览我网站的客户。如果您帐户的区域设置设置为 en_US,那么您应该会看到英语版本的国家/地区列表。但是,如果您帐户的区域设置是 ja_JP,您应该会在日语版本的列表中看到该列表,依此类推。

使用 React-intl 可以吗?我正在尝试动态解决这个问题,而不是硬编码翻译。 我查了很多资料,但没有找到解决办法。

最佳答案

我尝试了react-intl一段时间,我认为它很有魅力。实际上,他们给出了一些值得尝试的功能示例。

  1. 克隆存储库。( https://github.com/yahoo/react-intl )
  2. 在存储库的根目录中运行 npm install 或yarn install,此步骤将安装一些示例中将使用的依赖项。
  3. 转到示例目录和翻译目录。
  4. 运行npm build或yarn build
  5. 访问 localhost:8080 查看结果。您可以在 en-US 和 en-UPPER 之间切换语言。

所有这些语言集都不是硬编码在应用程序代码中,而是以 json 格式单独保存在 build/lang 目录中。我认为react-intl可以解决你的问题!

关于javascript - React-intl 是否支持根据位置转换国家/地区名称?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46627816/

相关文章:

css - 将css文件导入特定组件 react 应用程序

javascript - 如何在 react componentDidUpdate 方法中触发 redux 操作?

javascript - Firebase 集合方法不返回 CollectionReference 对象

javascript - 在react-grid-layout中捕获网格项点击事件

javascript - 输入文本字段自动完成(自动填充),在 Chrome 上无法正常工作

javascript - react 数据拉取不起作用

reactjs - 如何使用带有 Enzyme 的 react-redux hooks 测试组件?

javascript - React + Redux 更新状态未重新渲染

javascript - 捕捉 SVG : Dragging group doesn't update elements

javascript - 使用 mongoose 时如何不通过函数传递值