问题标签 [react-i18next]

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 回答
1365 浏览

reactjs - 如何使用 react-i18next 添加迄今为止的翻译?

我是第一次使用 react-i18next,我想翻译日期格式的字符串。我如何使用 react-i18next 来做到这一点?

这是日期的格式
2019 年 7 月 27 日星期六 00:00:00 GMT+0300

我如何将它翻译成另一种语言?有人可以帮我吗?谢谢。

0 投票
2 回答
7753 浏览

json - i18next 翻译外部组件

我是 i18next 的新手,正在尝试本地化/翻译网站。一切都适用于组件内部的翻译,但在外部(意味着带有 i18n.t() 的 json 文件它不会检索所需的信息,而是显示默认值。

我正在使用 create-react-app 它是文件夹引用的默认设置,也许这​​是关键问题,但我不知道为什么以及要更改什么。

这是 i18n.js 文件的设置:

对于 index.js:

我只是得到默认值:'NOT FOUND'...

0 投票
1 回答
88 浏览

javascript - How to translate properties with i18next

How I normally use i18next to translate stuff

But I'm not too sure how to translate properties such as title value "Dashboard" in the following line

I haven't been able to find a solution yet and I can't believe I'm the only one who has this problem.

0 投票
1 回答
39 浏览

javascript - 在状态内设置 react 18next 值

我使用 reactstrap 做了一个下拉并且工作正常,但现在我试图将 react-18next 的值设置为我的状态,作为 dropDownValue 的值。i18n 在我的渲染中工作正常,但我无法在我的状态中访问它的值.. 有什么想法吗?这是我的代码。先感谢您!

dropdownd.jsx:

0 投票
0 回答
1732 浏览

javascript - this.props.t 不是函数,{this.props.t('Welcome to React')} react.i18next 改变语言

尝试使用按钮进行语言切换。我使用react-i18next框架。在 console.log 我有错误this.props.t is not a function, {this.props.t ('Welcome to React')}

行错误:{this.props.t ('Welcome to React')}

这里的所有代码:https ://stackblitz.com/edit/react-gcbxwe?file=Form.jsx

index.js

表单.js

0 投票
1 回答
1481 浏览

reactjs - 有没有办法在 React 表单中翻译验证约束?

我使用 react-i18next 进行国际化,但我找不到任何内置方法来翻译 React 表单上的验证约束。表单消息的语言取决于浏览器的语言,如果用户选择在我的网站上使用不同的语言,则不会改变。

示例屏幕截图- 查看页面是英文的,但约束消息仍然是荷兰语。

有没有办法让验证约束的消息依赖于语言 cookie 进行翻译?或者也许可以用 react-i18next 翻译它们?

i18n.js:

反应形式:

0 投票
1 回答
8483 浏览

reactjs - React + i18next:为什么我的嵌套键不起作用?

我正在为一个小型网站使用 ReactJS。我决定使用 i18next 进行国际化并且它可以工作 - 除非我使用嵌套引用作为翻译键。

在以下示例中,显示了 intro1 和 intro2 键,但未找到 welcome.headtitle(控制台中出现错误“missingKey”)。

应用程序.js:

翻译.json:

我知道 i18next 允许嵌套 JSON 翻译对象。我究竟做错了什么?我检查了文档和示例,没有发现任何错误。

0 投票
1 回答
1646 浏览

javascript - React 将函数组件转换为类组件

我正在使用 reactreact-i18next包进行语言翻译。

我拥有的功能组件可以正常工作,没有任何错误

当我尝试将其转换为如下类时

我得到错误

无效的挂钩调用。钩子只能在 >function 组件的主体内部调用。这可能由于以下原因之一而发生:

有人可以指出我做错了什么吗?

0 投票
1 回答
1392 浏览

reactjs - { useTranslation } 来自“react-i18next”库输出错误

我有以下代码:

但它不起作用。相反,会出现一个带有以下文本的红色屏幕:渲染时暂停的 React 组件,但未指定备用 UI。在树的较高位置添加一个组件以提供加载指示器或占位符来显示

一开始,我以为问题出<Suspense fallback={<Loader/>}>在线路上,但经过几次尝试后,我喜欢它实际上是为了useTranslation()线路。

我怎样才能解决这个问题?

0 投票
1 回答
856 浏览

react-native - 如何在 i18next 中使用 postProcess?

这篇文章中,我读到您可以将后处理功能添加到i18next

并在初始化期间添加它:

但我得到一个错误addPostProcessor不是函数。

那么如何添加和使用后处理功能i18next呢?