react-intl相关内容

如何在 Next.js 的服务器端访问自定义应用程序中的语言环境?

我正在将一个项目从 next.js 7 迁移到 10.它使用 react-intl 进行翻译,并且是用 TypeScript 编写的. 在之前的版本中,我有一个自定义 server.js 并处理 sub-routing(/de、/fr 等)用于多语言目的在其中强>.在自定义应用程序组件中,通过 getInitialProps,我从 req 获取 locale 并将其作为道具传递给我的组件.所 ..
发布时间:2022-01-08 23:14:53 其他开发

通过更改 react-intl 包装器道具切换语言时,我的 redux-form 被重新初始化

我将我的应用程序包装在来自 react-intl v2,像这样: 而且我有我的 react-form 表单.一切都很棒. 但是如果我开始填写表单,并且我决定更改 UI 的语言(通过监听将更新我的 lang 和 messages props 通过我的 redux store),表单正在被重置:-/ 我看到操作 redux-form/INITIALIZE 在语言改变时被触发. ..
发布时间:2021-12-21 18:44:38 其他开发

无法使用NPM安装React-Intl

我无法安装react-intl.它会不断抛出错误 ├──未达到对等依赖react@0.13.3└──react-intl@2.1.3 npm WARN react-dom@15.3.0要求有一个react@^15.3.0的同位体,但没有一个 已安装. npm WARN react-intl@2.1.3需要一个对等体 react@^0.14.0 || ^ 15.0.0-0,但未安装. ..
发布时间:2020-07-05 06:26:56 其他开发

如何使用React Intl动态添加语言环境数据?

Am使用React-intl来实现UI Util库的国际化.该库有一个名为i18n的文件夹,其中我放置了用于不同语言环境的json文件.如果该库的用户想要添加对其他语言环境的支持,则他/她可以将具有各自的语言环境的键/值对的其他json文件放置在该文件中. > 但是React-intl需要先为各自的语言环境导入并添加LocaleData.例如, import fr from 'react- ..
发布时间:2020-07-05 06:26:42 其他开发

react-intl cosnt< FormattedMessage/>正在给[object object]作为结果

我正在使用"react-intl":"^ 2.4.0"和"react":"^ 16.2.0". 我正在尝试将FormattedMessage标签的输出分配给一个常量,并将其放在输入标签的占位符中. 代码图像 预期的“输出输入"字段,其中包含使用相应语言的文本,但该字段正在[对象对象]出现在文本框中. 解决方案 是无法放置在需要原始字 ..
发布时间:2020-07-05 06:25:56 其他开发

react中常量文件的翻译

我正在尝试为我的React应用找到最佳的翻译概念. 我有一个较高阶的翻译组件,并通过以下方式使用它: export default translate('MyComponent')(MyComponent); 在组件中,我可以通过道具获得所有文本-对我来说很好用. 但是,我有很多带有常量的纯javascript文件,并且那里也需要翻译.例如,带有错误消息的验证模式或带有选择元 ..

用于非组件的React-intl

当前,我有以下代码将react-intl暴露给非组件,但是对于未定义的intl则会引发错误. 我创建了一个单独的组件,称为"CurrentLocale",并向其注入了int-intl.导出函数t将使用CurrentLocale上下文中的intl formatMessage. import React from 'react'; import {injectIntl} from 'rea ..
发布时间:2020-07-05 06:24:40 其他开发

将react-intl对象注入已安装的酶组件中以进行测试

编辑:已解决!向下滚动以找到答案 在我们的组件测试中,我们需要它们能够访问 react-intl 上下文.问题在于我们正在安装单个组件(使用酶的 mount() ),而没有其父包装.解决方法是将提供程序包装起来,然后root指向IntlProvider实例而不是CustomComponent. 使用React-Intl:酶进行测试文档仍然为空. ..
发布时间:2020-07-05 06:24:33 其他开发

如何在不使用FormattedMessage的情况下在ReactIntl​​ 2.0中检索字符串

如果我错了,请纠正我,ReactIntl​​中的FormattedMessage返回一个由span标记包装的字符串.在ReactIntl​​ 1.2中,我们可以选择使用this.getIntlMessage('key')仅获取字符串部分. 这是我的问题:ReactIntl​​ 2.0中是否有与之等效的东西?我知道可以通过在 中使用FormattedMessage中的Function-As- ..
发布时间:2020-07-05 06:24:28 其他开发

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

我需要使用ReactJS构建多语言应用程序.该应用程序需要一个用于不同语言的自定义词典以及日期/时间,数字和货币的自动格式. 从我所看到的所有内容中,有2个非常受欢迎的库: reac-intl 和 反应-i18next 彼此之间的优势是什么? 最受支持和最受欢迎的是什么? 支持多种语言的ReactJS应用程序的一般选择是什么? 解决方案 @whyp的响应未考虑rea ..