11得票2回答
我们如何使用API调用加载翻译,而不是在静态JSON文件中定义它们?在React-i18next中应该如何实现?

在React应用程序中使用国际化时,需要使用API调用按需加载语言翻译文件,而不是事先定义它们。如何通过使用React-i18next实现此目标? 尝试使用React-i18next从静态预定义文件中选择常规翻译。尝试使用xhr-backend,但无法找到任何示例来实现对翻译相关数据的按需加...

10得票2回答
如何从 API 端点正确加载 Next.js 中的 i18n 资源?

我有一个Next.js应用程序,想使用i18next和next-i18next(https://github.com/isaachinman/next-i18next)扩展它。 默认配置会在 ./public/locales/{lng}/{ns}.json 下查找json文件,其中lng是语...

10得票1回答
react-i18next - 直接导入i18n实例并直接使用 vs 使用useTranslation钩子

我有一个用React编写且支持hook的项目。 我正在尝试使用react-i18next来支持翻译,按照文档所述一切都很顺利。 然而,当我想在helpers /非组件 .js文件上使用t()函数时,遇到了一些问题。 然后,我通过直接从init文件./i18n.ts导入i18n来解决它,该文件...

10得票1回答
使用 react-i18next 的 useTranslationHooks 时出现 "i18next backendConnector: loading namespace failed" 的错误。

我正在尝试在使用useTranslation()钩子的create-react-app应用程序中实现react-i18next。 但是,在控制台中,调试模式显示: i18next::backendConnector: 加载语言为en的命名空间billingAddress失败,解析/loca...

10得票2回答
react-i18next在使用create-react-app创建的React应用中无法加载JSON翻译文件。

我创建了一个使用create-react-app的React应用程序。 我想要实现翻译,然后我发现了react-i18next。 安装所需的软件包后,我设置了我的i18n.js配置文件: import i18n from 'i18next'; import LanguageDetecto...

8得票4回答
在组件外部使用来自 react-i18next 的 t() 函数。

我在使用i18next和react-i18next来开发一个React Native应用程序,特别是用于输入验证。我试图将t()作为参数传递给一个非组件(no component),但我收到了错误信息"TypeError: n is not a function. (In 'n('errorM...

8得票4回答
i18next 检查未使用的翻译。

我想知道是否有好的方式/工具/包来检查未使用的翻译。 我看到了rails的i18n-tasks,但react没有类似的工具。 我目前正在使用react-i18next,但任何可以浏览您的翻译文件的工具都可以。 非常感谢提前。

8得票3回答
如何在BASIC函数(而非组件)中使用react-i18next?

我知道react-i18next可以在每个组件中使用:函数组件(使用useTranslation)和类组件(使用withTranslation())。但是我无法在像这样的基本函数中使用翻译: const not_a_component = () => { const { t } =...

7得票5回答
使用TypeScript和Formik时,出现表单错误类型不匹配的错误。

我有一个自定义组件,用于 formik 表单中的输入,并在其中渲染错误标签(如果存在)。 如果我这样打印:{errors[field.name]},它就能正常工作。 但是,{t(errors[field.name]?.toLocaleString())} 就不行。 import { Fiel...

7得票3回答
如何在组件树之外的实用函数中使用 react-i18next?

我按照 react-i18next 文档 国际化了我的 React 应用。 我使用 `useTranslation` hook 获取 `t` 对象。目前一切都很顺利,但我有一些组件树之外的非 Hook 实用函数。 如何在那里访问转换对象?