问题标签 [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.
javascript - 反应修改值正在显示而不更改输入表单的值
我有一个想要显示货币的输入字段。我想显示基于当前本地的东西(我正在使用 React-intl 来完成)。这个问题是他们的 FormatNumber 方法返回一个字符串,我需要我的值,在提交时,是一个整数。我无权访问或控制提交功能,因此我希望能够让我的输入字段保持某种内部状态,该状态始终为浮点数,同时将该浮点数显示为来自 React-intl 的字符串格式编号。有没有办法做到这一点?
twitter-bootstrap - 使用 react-intl 和 react-bootstrap
我有一个模板化的 TextAreaField,它使用FormControl
fromreact-bootstrap
来赋予它漂亮的引导程序外观和感觉。
我希望能够通过react-intl
. 它适用于 之外的所有组件FormControl
,但不适用于道具。当我尝试将 a 传递FormattedMessage
给它时,placeholder
它只会显示[object Object]
有任何想法吗?
文本区域字段.js
使用 TextAreaField 的 redux-form
javascript - 使用 Intl.NumberFormat 时,Edge 和 IE 不会显示 USD/CAD 货币符号
抱歉,如果有人问过这个问题,但我找不到任何东西......
Chrome、Firefox 等中的以下代码将返回货币符号“US$”:
如果货币设置为“CAD”,它将简单地使用“$”:
但是在我测试过的所有版本的 IE 和 Edge 中,这两个示例都将返回一个货币符号“$”。无论使用哪种语言环境或货币,它都不会返回 US$ 或 CA$。(同样适用于澳元、港币等)
示例:https ://jsfiddle.net/5wfzk7mf/
当我使用 react-intl 的formatNumber()
函数时也会发生这种情况,因为它使用的是Intl.NumberFormat
.
我错过了什么还是这是一个浏览器错误?
javascript - 如何访问组件中的 IntlProvider 的语言环境和消息?
所以我的 index.js 有这样的东西:
并且Root
有多个子组件和所有。现在我怎样才能在这些子组件中获得提供的locale
和?messages
我知道我可以将它们作为道具传递给Root
,它再次将它们传递下去,但是我的树相当深,维护它是一件很痛苦的事。
是否可以直接访问它locale
并messages
传递给IntlProvider
子组件?
reactjs - 在方法中格式化字符串
我在两种字符串格式化情况下遇到困难:
当我需要提供一个字符串(不是一个组件)作为某个组件的 prop 值时。
是的,我已经找到了(两种)方法来实现这一点,但是在用 Typescript 编写时,两者似乎都很难看(由于不可避免的类型检查抑制),所以我会要求另一种更符合这种语言的习惯。
当我需要在组件方法中以编程方式格式化字符串时。没有成功实现这一目标。
PS 有没有比 React-Intl 更方便的内化库?
javascript - react-intl vs react-i18next 用于 ReactJS 国际化(i18n)
我需要使用 ReactJS 构建一个多语言应用程序。该应用程序需要针对不同语言的自定义字典以及日期/时间、数字和货币的自动格式化。
从我所见,有 2 个非常受欢迎的库:
一个和另一个之间有什么优势?什么是最受支持和最受欢迎的?
支持多种语言的 ReactJS 应用程序的一般选择是什么?
javascript - 使用 Jest 手动模拟 React-Intl 进行快照测试
我一直在努力用Jest模拟 React-Intl 库,因为我在运行测试时遇到了这个错误:
这个库的文档说我们必须在根项目中创建一个名为的文件夹__Mocks__
,然后添加这个文件:
但什么也没有发生。
javascript - 为 react/react-intl 动态导入语言 json 文件
这是我配置客户端以通过 react-intl 呈现正确语言的方式。
但是,我想根据 cookie 中的语言环境动态导入 localeData。因此,如果我的用户的语言环境是“en”,我只会加载 en.json 文件。
这样做的正确方法是什么?尝试创建一个函数,但我无法将数据正确传递给消息。
谢谢
reactjs - 设置格式 React-Intl FormattedDate
FormattedDate 的默认格式在哪里设置?
现在我的日期显示当月的一位数:2017 年 3 月 9 日
FormattedDate value={new Date('2017-03-09')}
这可以在 IntlProvider 中设置吗?
reactjs - 如何调用 formatMessage() 从 .json 文件中加载消息
<FormattedMessage../>
我正在尝试使用标准组件直接在 comp 外部调用 formatMessage() API 。
以上是本地定义的静态消息,但是我有一个翻译文件,en.json 和 ja.json 全局存储,我想从中加载消息。我怎样才能使用defineMessages来做到这一点,这样当我调用formatMessage()时,我应该能够根据所选的语言环境看到来自resp文件的消息......感谢您的想法!谢谢!