问题标签 [react-intl]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
108 浏览

javascript - 反应修改值正在显示而不更改输入表单的值

我有一个想要显示货币的输入字段。我想显示基于当前本地的东西(我正在使用 React-intl 来完成)。这个问题是他们的 FormatNumber 方法返回一个字符串,我需要我的值,在提交时,是一个整数。我无权访问或控制提交功能,因此我希望能够让我的输入字段保持某种内部状态,该状态始终为浮点数,同时将该浮点数显示为来自 React-intl 的字符串格式编号。有没有办法做到这一点?

0 投票
1 回答
620 浏览

twitter-bootstrap - 使用 react-intl 和 react-bootstrap

我有一个模板化的 TextAreaField,它使用FormControlfromreact-bootstrap来赋予它漂亮的引导程序外观和感觉。

我希望能够通过react-intl. 它适用于 之外的所有组件FormControl,但不适用于道具。当我尝试将 a 传递FormattedMessage给它时,placeholder它只会显示[object Object]

有任何想法吗?

文本区域字段.js

使用 TextAreaField 的 redux-form

0 投票
0 回答
1124 浏览

javascript - 使用 Intl.NumberFormat 时,Edge 和 IE 不会显示 USD/CAD 货币符号

抱歉,如果有人问过这个问题,但我找不到任何东西......

Chrome、Firefox 等中的以下代码将返回货币符号“US$”:

如果货币设置为“CAD”,它将简单地使用“$”:

但是在我测试过的所有版本的 IE 和 Edge 中,这两个示例都将返回一个货币符号“$”。无论使用哪种语言环境或货币,它都不会返回 US$ 或 CA$。(同样适用于澳元、港币等)

示例:https ://jsfiddle.net/5wfzk7mf/

当我使用 react-intl 的formatNumber()函数时也会发生这种情况,因为它使用的是Intl.NumberFormat.

我错过了什么还是这是一个浏览器错误?

0 投票
3 回答
6405 浏览

javascript - 如何访问组件中的 IntlProvider 的语言环境和消息?

所以我的 index.js 有这样的东西:

并且Root有多个子组件和所有。现在我怎样才能在这些子组件中获得提供的locale和?messages我知道我可以将它们作为道具传递给Root,它再次将它们传递下去,但是我的树相当深,维护它是一件很痛苦的事。

是否可以直接访问它localemessages传递给IntlProvider子组件?

0 投票
1 回答
869 浏览

reactjs - 在方法中格式化字符串

我在两种字符串格式化情况下遇到困难:

  1. 当我需要提供一个字符串(不是一个组件)作为某个组件的 prop 值时。

    是的,我已经找到了(两种)方法来实现这一点,但是在用 Typescript 编写时,两者似乎都很难看(由于不可避免的类型检查抑制),所以我会要求另一种更符合这种语言的习惯。

  2. 当我需要在组件方法中以编程方式格式化字符串时。没有成功实现这一目标。

PS 有没有比 React-Intl 更方便的内化库?

0 投票
3 回答
29837 浏览

javascript - react-intl vs react-i18next 用于 ReactJS 国际化(i18n)

我需要使用 ReactJS 构建一个多语言应用程序。该应用程序需要针对不同语言的自定义字典以及日期/时间、数字和货币的自动格式化。

从我所见,有 2 个非常受欢迎的库:

react -intlreact-i18next

一个和另一个之间有什么优势?什么是最受支持和最受欢迎的?

支持多种语言的 ReactJS 应用程序的一般选择是什么?

0 投票
1 回答
10567 浏览

javascript - 使用 Jest 手动模拟 React-Intl 进行快照测试

我一直在努力用Jest模拟 React-Intl 库,因为我在运行测试时遇到了这个错误:

这个库的文档说我们必须在根项目中创建一个名为的文件夹__Mocks__,然后添加这个文件:

但什么也没有发生。

0 投票
1 回答
7521 浏览

javascript - 为 react/react-intl 动态导入语言 json 文件

这是我配置客户端以通过 react-intl 呈现正确语言的方式。

但是,我想根据 cookie 中的语言环境动态导入 localeData。因此,如果我的用户的语言环境是“en”,我只会加载 en.json 文件。

这样做的正确方法是什么?尝试创建一个函数,但我无法将数据正确传递给消息。

谢谢

0 投票
1 回答
1700 浏览

reactjs - 设置格式 React-Intl FormattedDate

FormattedDate 的默认格式在哪里设置?

现在我的日期显示当月的一位数:2017 年 3 月 9 日

FormattedDate value={new Date('2017-03-09')}

这可以在 IntlProvider 中设置吗?

0 投票
2 回答
2360 浏览

reactjs - 如何调用 formatMessage() 从 .json 文件中加载消息

<FormattedMessage../>我正在尝试使用标准组件直接在 comp 外部调用 formatMessage() API 。

以上是本地定义的静态消息,但是我有一个翻译文件,en.json 和 ja.json 全局存储,我想从中加载消息。我怎样才能使用defineMessages来做到这一点,这样当我调用formatMessage()时,我应该能够根据所选的语言环境看到来自resp文件的消息......感谢您的想法!谢谢!