143得票14回答
如何在JavaScript中获取所有时区列表

我正在使用react/redux开发应用程序,开始使用库react-intl来格式化消息和日期。 我已经能够在<FormattedDate>标签中显示它使用的时区。 我希望在一个选择器中列出所有可能存在的时区,因此当用户选择一个时区时,<FormattedDate>...

71得票12回答
React-Intl 如何在输入框的占位符中使用 FormattedMessage

我不确定如何获取值从<FormattedMessage {...messages.placeholderIntlText} /> 转换成类似于输入框的占位符格式:<input placeholder={<FormattedMessage {...messages.pla...

52得票3回答
ReactJS 国际化(i18n)使用的 react-intl 和 react-i18next 之间的比较

我需要使用ReactJS构建一个多语言应用程序。该应用程序需要为不同的语言拥有自定义字典,以及对日期/时间、数字和货币的自动格式化。 据我所见,有两个非常受欢迎的库: react-intl和react-i18next 它们之间的优势是什么?哪个得到了最广泛的支持和普及? 针对支持多种语言的Re...

38得票4回答
需要在安卓设备上安装React-Native和Intl polyfill

我最近更新了我的Android Studio和许多组件/sdk,自那时以来React-Intl报错说缺少intl库,尽管之前它一直运行正常。 我已经安装了intl填充库并在我的主文件App.js的顶部导入它。我还从react-intl中导入了localeData并添加了它。然后,我在Intl...

31得票2回答
React-Intl中有没有访问当前区域设置的方法?

我想知道在React-Intl中是否有任何方式可以访问当前设置的区域设置? 假设我创建了这个:render() { return ( <IntlProvider locale="en"> <App> </IntlProvider&...

29得票5回答
错误:顶级等待实验未启用(设置 experiments.topLevelAwait: true 启用它)React-Intl 用于翻译。

面对以下构建问题:Module parse failed: The top-level-await experiment is not enabled (set experiments.topLevelAwait: true to enabled it) File was processed...

28得票6回答
在Android React Native应用中正确使用Intl

我正在尝试使用Intl的数字格式化程序,它在iOS上工作得非常完美,在将调试器附加到iOS或Android时也可以正常运行,但是在没有附加调试器的情况下,由于Android中的JSC过时,它只能在Android上失败。 经过一番研究,我找到了两个可能的解决方案: 使用Intl polyf...

26得票3回答
React-Intl - 访问嵌套消息

我正在尝试在应用程序中使用react-intl包。应用程序在服务器上呈现,因此我编写了一些代码来确定要使用哪种语言并提供到IntlProvider中。 翻译内容存储在messages.js文件中,它们看起来像这样:export default { en: { message: '...

24得票1回答
将 react-intl 对象注入已挂载的 Enzyme 组件以进行测试

编辑:已解决!请向下滚动以获取答案。 在我们的组件测试中,我们需要它们能够访问 react-intl 上下文。问题在于,我们正在挂载单个组件(使用 Enzyme 的 mount()),但没有其 <IntlProvider /> 父包装。这可以通过将提供程序包装在周围来解决,但...

19得票7回答
在Redux中间件中使用React-intl翻译的消息

我在我的应用程序中支持多种语言,并使用React-intl实现。我有Redux中间件,在其中调用服务器,如果出现错误,则希望在UI上显示错误。 我知道我可以做以下操作: 1)从中间件分派一个带有消息键的操作:{type: SHOW_ERROR, message: 'message_erro...