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

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

37得票5回答
react-i18next:在文本中间的HTML标记链接内插

我正在使用react,i18next和react-i18next。我想要在文本中间插入带有HTML链接的可翻译文本,这些文本将在react中进行插值,就像这样: This is my text with <a href="{{link}}">a beautiful link&lt...

27得票5回答
如何在jest中模拟react-i18next和i18n.js?

package.json"moduleNameMapper": { "i18next": "<rootDir>/__mocks__/i18nextMock.js" } i18n.jsimport i18n from 'i18next' import XHR from 'i18n...

27得票6回答
如何使用 TypeScript 对 i18n 字典进行类型检查?

有没有可能在react-i18next字典中对现有的键进行类型检查?这样,在编译时,TS会在不存在键时发出警告。 例如: 假设我们有以下字典: { "footer": { "copyright": "Some copyrights" }, "header": { ...

25得票1回答
React + i18next: 为什么我的嵌套键无法正常工作?

我正在为一个小型网站使用ReactJS。我决定使用i18next来实现国际化,它可以正常工作 - 除非我对翻译关键字使用嵌套引用。 在下面的例子中,intro1和intro2关键字被显示,但welcome.headtitle未被找到(在控制台中出现"missingKey"错误)。 App....

24得票6回答
i18next翻译中间的粗体文本

我有一个名为translations.json的静态文件,其中包含我的翻译:{ "common": { "greeting": "We will see you at NEW YORK in the morning!" ...

23得票5回答
如何在连接的组件中使用 react-i18next

我希望能够在我的react-redux连接组件中使用react-i18next,但不确定该如何操作。 为了展示一个连接组件的例子,我已经简化了我的代码: import React from 'react'; import {connect} from 'react-redux'; impo...

22得票7回答
使用useTranslation进行next-i18next Jest测试

测试库总是很有趣。我正在我的NextJS项目中使用next-i18next。我们正在使用带有命名空间的useTranslation钩子。 当我运行测试时,会出现以下警告: console.warn react-i18next:您需要通过使用initReactI18next传递i18nex...

20得票6回答
错误:I18nextWithTranslation在渲染时被暂停,但没有指定备用UI。

我正在尝试使用react-i18next使I18N工作。我尽可能地遵循这里提供的步骤。我已经尝试了几个小时,进行了大量的谷歌搜索,但仍然没有发现我错在哪里。任何帮助都将不胜感激。 我得到了这个错误堆栈跟踪: Exception has occurred: Error Error: I1...

19得票7回答
"react-i18next:: 您需要通过使用 initReactI18next 传递i18next实例,这是在Jest单元测试中抛出的警告。"

我在我的应用程序中使用react-i18next,效果非常好。但当我对组件运行单元测试时: const OptionList = ({ definition, name, status = EMutationStatus.IDLE, onChange = () => n...