无法创建正确的i18next实例以使用其react组件
i18next是一种用于国际化（Internationalization，缩写为i18n）的JavaScript库，它可以帮助开发者实现多语言支持的应用程序。通过使用i18next，开发者可以轻松地在应用程序中实现语言切换、国际化文本翻译、日期和时间格式化等功能。
i18next库提供了一个易于使用的API，使开发人员能够在应用程序中无缝集成国际化功能。它支持多种语言，包括但不限于英语、中文、法语、西班牙语等，并且可以根据需要动态加载不同语言的翻译资源。
i18next的核心概念包括：
- Key-Value结构：i18next将文本翻译资源组织成键-值对的形式。每个文本字符串都被赋予一个唯一的键，该键用于在应用程序中标识和访问相应的翻译文本。
- Namespace命名空间：i18next支持将翻译资源组织成多个命名空间。通过使用命名空间，可以更好地组织和管理大型应用程序中的翻译文本。
- Pluralization复数形式：i18next提供了内置的复数形式处理功能，可以根据语言的复数规则正确地选择适当的翻译文本。这在需要根据数量变化而变化的文本中非常有用，如“1 file”和“2 files”。
i18next在React应用程序中的使用通常涉及以下步骤：
- 安装i18next和相关依赖：可以使用npm或yarn等包管理器安装i18next及其React绑定。
- 配置i18next：在应用程序的入口文件中，配置i18next实例。这包括指定支持的语言、加载翻译资源文件等。
- 创建React组件：使用i18next的React组件，如
Trans和useTranslation，在应用程序中引入多语言文本和翻译功能。 - 标记文本：在React组件中，使用特定的标记方式将需要翻译的文本标记出来。例如，可以使用
<Trans>组件包裹需要翻译的文本，或使用useTranslation钩子函数。 - 多语言切换：通过使用i18next提供的API，可以实现多语言切换功能。例如，可以提供一个语言选择器，让用户可以在应用程序中切换不同的语言。
推荐的腾讯云产品： 腾讯云提供了一系列与i18next相匹配的产品和服务，可以帮助开发者构建和管理国际化应用。以下是一些推荐的腾讯云产品和产品介绍链接地址：
- 云服务器（CVM）：腾讯云的云服务器提供了可靠高效的计算能力，可以托管应用程序并轻松部署多语言应用。详情请参考：云服务器产品介绍
- 云存储（COS）：腾讯云的云存储服务提供了安全可靠的对象存储功能，适用于存储多语言应用中的翻译资源文件等数据。详情请参考：云存储产品介绍
- 人工智能（AI）：腾讯云的人工智能服务可以用于语音翻译、文字识别等多语言处理场景。详情请参考：人工智能产品介绍
请注意，以上提到的腾讯云产品仅作为示例，实际选择的产品应根据具体需求进行评估和决策。
相关·内容
我的error边界使用来自i18next的useTranslation钩子捕获到错误。由于这个错误边界，我无法获得正确的错误文本。刚收到类似“上述错误发生在...”之类的文本。你能告诉我为什么会这样吗？ 这一行的问题： const {t} = useTranslation(); i18配置： import i18next from "i18next";
import {initReactI18next} from "react-i18next";
import HttpApi from "i18next-http-backend";
impor
浏览 109提问于2021-09-01得票数 0
回答已采纳
在我的应用程序中，我使用I18nextProvider和withNamespaces来响应-i18Next。
export const App = () => (
<I18nextProvider i18n={i18n}>
<App />
</I18nextProvider>
);
export default withNamespaces()(ChildComponentOfApp);
但我不明白I18nextProvider和withNamespaces之间的关系。它们不像t函数那样传递道具。
提供程序负责使用reac
浏览 2提问于2019-03-26得票数 2
回答已采纳
我正在为自定义钩子创建一个测试，并检查它是否正确地解析数据。自定义钩子使用i18next useTranslation钩子。我以这种方式在测试文件中模拟了useTranslation钩子：
jest.mock('react-i18next', () => ({
useTranslation: () => {
return {
t: (key: string) => key,
}
},
}))
它不会给我任何错误，它只是不翻译和返回在必须转换的字段上的本地化键。我是在嘲笑错误的方式，还是应该做一些额外的配置？
浏览 4提问于2021-10-29得票数 2
回答已采纳
首先，我想说的是，总的来说，我对React和ES6的反应还是比较新的。
到目前为止，我已经在组件方面成功地实现了react i18Next。我还添加了i18Next扫描仪来自动提取..json文件的翻译键。
我有一个包含项目路由的router/index.js文件。此文件还用于创建侧栏导航。
在这个文件中，我有用于侧栏导航的名称。这些路由作为对象存储，对象可能包含子路由。我的问题是，我想使用i18next t()函数来翻译这些名称。
我的代码
i18n.js：
// i18n.js
import i18next from 'i18next';
import { initReac
浏览 2提问于2019-10-18得票数 4
回答已采纳
我是i18next的新手，我不太明白为什么有必要在玩react时使用react i18Next。
在我的组件中使用像moment.js这样的外部库，我需要：const date = moment(this.state.date)
我可以用i18next做下面这样的事情吗？
import i18next from 'i18next';
const translated = () => (
<h1>{i18next.t('title')}</h1>
)
谢谢
浏览 2提问于2017-11-15得票数 3
回答已采纳
3回答
我有一个基于反应的应用程序，并使用i18Next的Trans组件进行翻译。
假设我们有一个用户注册表单，我们希望通过显示以下文本来确认已经创建了一个新帐户：
已经创建了名为 name 的用户。
其中，名称由用户提供，并以粗体显示。
我现在拥有的是下面的react代码：
<Trans i18n={i18next} i18nKey="userCreated" values={{name: 'Tom'}}>
User with name <strong>{{name}}</strong> has been create
浏览 66提问于2019-10-07得票数 4
回答已采纳
1回答
我有以下代码。
import i18next from 'i18next';
import React from 'react';
const LanguageDetector = require('i18next-browser-languagedetector');
const initReactI18next = require('react-i18next');
import { TRANSLATIONS_EN } from '../public/locales/en/en.js';
i18next
浏览 7提问于2022-01-21得票数 0
3回答
我在一个项目中使用，无法在翻译文件中包含html标记，也无法正确地呈现它们。
我的.json转换文件的一个示例：
"en": {
"product": {
"header": "Welcome, <strong>User!</strong>"
}
}
有一个与JQuery相关的。我没有使用JQuery，我的项目是React，下面是我的设置：
import i18next from 'i18next';
import en from 'locales/en';
浏览 2提问于2016-10-04得票数 14
我使用React.createRef()调用子方法，就像这样
import Child from 'child';
class Parent extends Component {
constructor(props) {
super(props);
this.child = React.createRef();
}
onClick = () => {
this.child.current.getAlert();
};
render() {
return (
<div>
浏览 1提问于2020-09-29得票数 0
我在一个网站上工作，遇到了一个关于i18next的奇怪问题，我似乎解决不了。
我希望i18next将当前语言保存在cookie中，但仅当用户接受存储cookie时(自定义cookie横幅组件)
目前，我有以下代码：
i18n.js
import i18n from 'i18next';
import { initReactI18next } from 'react-i18next';
import Backend from 'i18next-xhr-backend';
import LanguageDetector from 'i18ne
浏览 3提问于2020-07-01得票数 3
我在一个react原生应用程序中使用i18next和react-i18next，更具体地说是通过输入验证。我尝试将t()作为参数传递给no组件，但收到错误消息"TypeError: n is not a function. (In 'n('errorMessages.emailNoMatch')'，'n‘is undefined)“。任何建议都非常感谢，因为我对编码相对较新，并且我已经在这个问题上搜索了几天。
下面是i18n.js代码：
import i18next from 'i18next';
import common_de
浏览 2提问于2020-12-30得票数 3
1回答
我有回购组件和回购与主应用程序。我用组件在repo中实现了i18next，当我在这个repo中有一个i18n配置文件(或者当我从app repo通过道具传递它时)，它工作得很好。但是，当我试图只从主应用程序发送“资源”部分并在组件中的配置文件中替换它时，我遇到了一个问题。我试图克隆i18n实例并设置资源，但这不是工作。这是我的配置文件: i18n.js
import i18n from 'i18next';
import LngDetector from 'i18next-browser-languagedetector';
import { reactI18n
浏览 0提问于2018-02-13得票数 1
回答已采纳
我刚开始使用React nad，我想导出一个组件，但我收到一个'withTranslation‘错误
我的代码摘要(版本：“i18next”："^17.0.6"，"react-i18next"："^9.0.10"，)：
import React, {Component} from 'react';
import { translate } from 'react-i18next';
//version: "i18next": "^17.0.6","react-i18
浏览 1提问于2019-07-18得票数 3
1回答
在我的nextjs应用程序中，我正在使用react I18Next。我不想使用next-I18next，因为我试图使用它，但无法使它工作。但是，react i18Next目前正在我的应用程序中工作，我可以将语言从英语改为德语和英语。但是，如果我重新加载页面，就会得到这个错误。
TypeError: i18n.changeLanguage不是一个函数
造成这个错误的可能原因是什么?我如何修复它？在我的app.ts文件中，我没有使用悬念，因为它给了我这个错误
ReactDOMServer还不支持悬念。
这是我的i18.ts文件
/* eslint-disable no-duplicate-
浏览 2提问于2021-03-25得票数 1
我有一些动态内容需要翻译，其中包括文本和链接，我想知道如何在react原生中使用i18next来正确显示这些内容，以便标签在视图中显示为可点击。 {"someContent": "Hello, please click the <a>link</a>"}
import {useTranslation} from 'react-i18next';
const {t} = useTranslation();
<Text>{t('someContent')}</Text> 上面的代码只
浏览 67提问于2021-01-26得票数 0
我正在使用react-i18next和react-navigation。
目前，当需要时，我用withNamespaces单独包装我的所有组件。问题是我无法使title在static navigationOptions中保持最新。它只是不更新，无论我如何分配它:作为一个函数或属性对象。navigation.setParams也不会更新它。
我尝试在导航器上使用withNamespaces来使用screenProps，就像使用一样，但是在本例中，我的调度NavigationActions没有任何效果。导航是不会发生的。
我假设i18next HOC在某种程度上阻止了它的子级接收params更新事
浏览 0提问于2018-11-26得票数 1
回答已采纳
6回答
我正在尝试使用react i18Next来翻译我的应用程序。我知道如何将它与简单的const组件一起使用，但不会在类中使用。
我和I18nextProvider一起工作。这是我的App.js文件。
import React, { Component } from 'react';
import { Provider } from 'react-redux';
import { BrowserRouter } from 'react-router-dom';
import { I18nextProvider } from 'react-i1
浏览 10提问于2019-02-19得票数 26
回答已采纳
1回答
我在使用redux的useSelector钩子实现组件测试时遇到了很多困难。我已经看到了一些关于这个问题的问题，但我没有设法用这些问题的建议解决方案来解决我的问题。
我的组件相当大，所以我不会全部发布，但是给我带来麻烦的部分如下：
Total.tsx
import React from 'react';
import clsx from 'clsx';
import i18next from 'i18next';
import { useSelector } from 'react-redux';
import { Trans
浏览 4提问于2021-02-23得票数 0
我想知道一些事情。 假设我有一个组件，我想访问t值。我一定要把它挂在redux上吗。因为要使用react-i18next，我也在使用i18next，所以我不能这样做： import i18next from 'i18next'
class Comp extends Component {
render() {
return <Text>{i18next.t('space')}</Text>
}
} 或者这样做的缺点是什么？它似乎仍然可以翻译我的内容，但肯定有缺点？我猜只有当区域设置改变时，它才不会看到更新？
浏览 74提问于2019-04-04得票数 1
我有一个shell和一个微前端项目，它们都使用react-i18next来管理语言，但我希望每个项目都控制自己的i18next实例。有什么方法可以做到这一点，而不包装我的微前沿与I18nextProvider和提供一个新的实例？
我创建了这个，您可以模拟这个问题，只需启动并操作shell并更改语言，您就会看到来自微前端的键覆盖了shell转换键。
我想让每个项目在i18next方面独立独立地单独工作。这有可能吗？
Thx预先
浏览 13提问于2022-03-05得票数 0
我正在使用react i18Next来国际化我的react应用程序。当我试图对每个模块的配置文件进行addResourceBundle时，它会抛出以下错误：
i18next__WEBPACK_IMPORTED_MODULE___.default.addResourceBundle不是一个函数
因此，我在i18next.init之前添加了addResourceBundle命令。然后，它可以工作，但显示下面的警告和重置以前选择的地区。
i18next: init: i18next已经初始化。你应该只打一次电话！
这是我的i18n.tsx文件
import i18n from 'i18
浏览 3提问于2021-08-20得票数 2
回答已采纳
我用HttpBackend动态加载翻译，然而在我的组件中我使用了Trans组件，它在尖叫着说缺少转换键，我还看到在它试图访问Trans组件之后初始化完成了。我的应用程序周围有一个挂起，为什么会发生这种情况？
我进入控制台: i18next::translator: missingKey en translation这是一个文本，有一个
在它里面……初始化发生在后面。
我该如何解决这个问题呢？
// file: i18n.js
i18n
// load translation using http -> see /public/locales (i.e. https://github.
浏览 17提问于2021-03-10得票数 0
我有一个React-Typescript应用程序，最近为多语言支持配置了i18next安装程序。我相信所有的设置都是通过遵循正式文件的指导原则正确完成的。但是，当我运行这个应用程序时，它会给我一堆编译错误，比如；
Property 'changeLanguage' does not exist on type 'typeof import("...some_path_info.../node_modules/i18next/index")'.
或
Module '"i18next"' has no exported
浏览 40提问于2022-11-24得票数 1
回答已采纳
1回答
我试图在我的应用程序中添加翻译，但我无法找到使i18next工作的方法。
这里是i18n.ts
import i18n from "i18next";
import { initReactI18next } from "react-i18next";
import * as en from './i18n/en.json';
import * as jp from './i18n/jp.json';
i18n
.use(initReactI18next)
.init({
resources: {
en
浏览 1提问于2019-10-29得票数 1
回答已采纳
1回答
我正在处理一个React项目，我从i18nexus中添加了国际化，并且我试图在一个普通的JS文件中使用这个转换。
index.js `
import React, { Suspense } from "react";
import { BrowserRouter } from "react-router-dom";
import ReactDOM from "react-dom/client";
import "./index.css";
import App from "./App";
import report
浏览 12提问于2022-11-16得票数 0
我已经将react项目部署到github，并且在使用github页面查看它时。我正在为我的web应用程序使用i18next进行不同的翻译。当我通过本地主机运行我的应用程序时，locales文件夹被访问并正确地转换我的应用程序的内容。然而，当使用github页面部署时，我得到了错误： 警告： i18next::backendConnector: loading namespace translation for language en failed failed loading /locales/en/translation.json 错误： request.js:60 GET https:/
浏览 10提问于2020-10-07得票数 0
回答已采纳
1回答
我在组件回购中使用i18next。组件工作正常，但我在测试方面有问题。我将i18next与hoc一起使用，当我只导出组件时，测试就会通过，但是当我导出它时，就像导出默认翻译('components') (列表)一样；测试失败。我试着做两个导出，使用hoc和不带，但是在另一个中使用了一些组件，如果没有hoc，我就无法导入它。我的架构看起来像:使用I18nextProvider的根组件，我已经用这个组件包装了每个组件，它是我的主应用程序中的主要组件。就像这样：
const Root = ({ component, i18 }) => (
<I18nextProvid
浏览 3提问于2018-02-18得票数 1
我确实使用了i18next-react，并尝试使用formating。所以我在我的初始化格式中设置如下：
i18n.use(initReactI18next).init(
{
...
interpolation: {
escapeValue: false,
// eslint-disable-next-line no-unused-vars
format: function (value, format, lng) {
if (format === 'uppercase') return value.toU
浏览 2提问于2021-03-18得票数 0
在“我的反应”页面上，只有在浏览器刷新后才能更改语言。已经尝试了所有可能的建议，从以前的帖子，但没有。它只对App.js组件上的字符串按预期工作。任何帮助都很感激。
这是我的i18n.js文件
import i18n from 'i18next';
import { initReactI18next } from 'react-i18next';
import LanguageDetector from 'i18next-browser-languagedetector';
const resources = {
'en'
浏览 17提问于2022-04-17得票数 2
回答已采纳
我正在制作一个类型记录库，它接受一个对象并输出一个excel。这个库应该与多个React应用程序一起使用。每个React将提供一个对象，并且自定义库返回一个excel。
所有的React应用程序都使用i18next进行翻译。自定义库还需要使用自己的一组翻译，以便也有i18next。我试图避免将翻译字符串从主机传递到我的库。
问题：一调用库中的任何函数，库中的i18next就会接管主机的i18n。这是预期的，因为我们有两个i18next.init()函数--一个在我的库中，一个在主机中。在我的案子里，谁被叫到最后一个，谁就赢了图书馆。由于库中新初始化的i18nxt无法看到主机翻译，所以注意到库中
浏览 8提问于2021-11-05得票数 1
回答已采纳
1回答
当我更改应用程序的语言时，函数组件中的文本将被正确翻译。但是，对于在组件函数或类实用程序之外的常量，情况并非如此。
配置文件i18n.ts
const DETECTION_OPTIONS = {
order: ["navigator"]
}
i18next
.use(XHR)
.use(LanguageDetector)
.use(initReactI18next)
.init({
detection: DETECTION_OPTIONS,
resources,
ns: "common
浏览 14提问于2022-10-24得票数 0
1回答
我有一个相当简单的React组件，它具有使用i18next实现的国际化特性。我使用的i18next版本是11.9.0，Reacti-i18Next的版本是8.1.0。组件(和规范)如下所示：
TestComponent.component.js
import React, { Component } from "react";
import { I18n } from "react-i18next";
export class TestComponent extends Component {
render() {
return (
&
浏览 0提问于2018-11-19得票数 0
回答已采纳
2回答
目标：，我想将字符串(包括React组件)转换为功能齐全的JSX。
对于堆栈溢出有许多解决方案的更简单的示例是：
render()
{
let txt = "<span><b>Hello World!</b></span>";
return <div dangerouslySetInnerHTML={{__html: txt}}></div>;
//---OR---
return ReactHtmlParser(txt); //using react-html-parser
/
浏览 3提问于2020-10-04得票数 2
我一直在尝试使用下面链接中的代码来实现react-i18next (10.9.0)： https://codesandbox.io/s/l23no88qmz?from-embed 但是我得到了一个错误： Attempted import error: 'translate' is not exported from 'react-i18next'. 从[ https://github.com/i18next/react-i18next/issues/810 ]中，我了解到v8中使用了'translate‘，而v10使用钩子。 我想知道是否可以使用没有钩
浏览 5提问于2019-05-09得票数 0
回答已采纳
2回答
我是i18next的新手，尝试本地化/翻译网站。所有内容都适用于组件内部的转换，但外部(意为带有i18n.t()的json文件)不检索所需的信息，而是显示默认值。
我使用的是创建-反应-应用程序，它是文件夹引用的默认设置，也许这是关键问题，但我找不出原因和要更改什么。
import i18n from '../../i18n';
const navigation = [
{
'id' : 'dashboard',
'title' : i18n.t('analytic
浏览 0提问于2019-07-19得票数 10
回答已采纳
1回答
我在尝试使用i18next on reactive 进行反应性转换时遇到了问题。
这些是重要的档案：
i18n/index.js
import i18next from 'i18next';
import en from './en.json';
import es from './es.json';
import it from './it.json';
const i18n = i18next.init({
interpolation: {
// React already does escaping
浏览 0提问于2018-06-22得票数 0
回答已采纳
我试着用玩笑开始测试一个成熟的RN应用程序。大多数组件都封装在react i18Next提供的withNamespaces中。
当我运行测试时，会出现以下错误：
FAIL tests/setting.test.js
● Test suite failed to run
TypeError: Cannot read property 'type' of undefined
4 |
5 | i18n
> 6 | .use(initReactI18next)
| ^
7 | .init({
浏览 1提问于2019-12-31得票数 0
回答已采纳
我有几个屏幕在其中之一，我有一个带有两个标签的materialTopTabNavigator，我需要翻译标签名称为不同的语言。 我尝试使用useNAvigation和withTranslation，但似乎无法访问i18next t function进行翻译。 const Stack = createStackNavigator();
const Router = () => {
const Tab = createMaterialTopTabNavigator();
function MyAdsTabs() {
return (
<Tab.Navig
浏览 20提问于2020-05-02得票数 0
2回答
之前我使用的是react-intl，并且能够为将被组件替换的项目设置占位符，例如带有<br />的{br}。 我目前在使用react-i18next和i18next-icu时遇到错误，而我正在尝试这样做： // Using Intl format (via i18next-icu)
{
"test": "Replace with a{br}line-break. {button}"
} t("test", { br: <br />, button: <button>Click me!</button
浏览 133提问于2019-03-05得票数 2
回答已采纳
2回答
我使用了React应用程序-i18Next，翻译存储在两个位置。其中一组是本地存储到应用程序的文件夹中，其余的翻译来自远程API。
我正在努力让这两个设置加载到应用程序中。使用i18Next链式后端插件，它似乎只在第一个后端不加载翻译时才提供回退，我似乎无法将其配置为加载这两组翻译。
在一个基于反应的应用程序中包含多个来源的翻译的最佳方法是什么？
浏览 0提问于2019-02-26得票数 6
1回答
我从Webpack开始，发现了i18next钩子翻译的问题.
// webpack.config.js
const path = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin')
const CopyPlugin = require("copy-webpack-plugin")
module.exports = {
output: {
path: path.join(__dirname, '/dist'),
浏览 0提问于2021-06-21得票数 1
我刚刚开始在我的react应用程序上使用i18next包，但我遇到了一个问题。我做了‘纱添加i18next@7.1.3 -保存’来安装软件包。然后在我的部分我做了这个：
import i18next from 'i18next'
// other imports...
// defining class
constructor(props){
super(props)
console.log(i18next.t('Wähle einen Titel für deinen Ratgeber'))
}
在渲染方法中，我要这样做
<Explainer
浏览 1提问于2017-06-06得票数 1
1回答
我正在尝试升级到Redux V6，但对于如何使用createContext函数感到困惑，这是必要的。我知道我的商店是成功创建的，但是当我尝试运行我的应用程序时，我得到了
无法在“连接(ConfiguredApp)”上下文中找到“存储”。或者将根组件包装在连接选项中，或者将自定义的React提供程序和相应的React使用者(ConfiguredApp)传递给连接选项。
这告诉我，我的提供者并没有正确地将商店传给connect来抓取。我做错了什么？谢谢!
import 'babel-polyfill';
import React from 'react';
浏览 0提问于2018-12-11得票数 1
回答已采纳
根据react文档，将ref传递给子组件的正确方法如下：
import React from 'react';
const Input = React.forwardRef((props, ref) => {
React.useEffect(() => {
ref.current.focus();
}, []);
return <input type="text" ref={ref} />;
});
export default function App() {
const inputRef = React.c
浏览 6提问于2021-11-29得票数 0
Wassup的家伙
我有一个可重用组件，它通过字符串或绑定变量的键名将密钥转换成一种选择的语言。
通常我会使用标签，但由于不同的原因，我要用{t(‘.’)}替换当前的翻译。
以下是组件的代码：
import React from 'react';
import { useTranslation as defaultTranslation } from 'react-i18next';
import i18next from 'i18next';
export const useTranslation = (ns = 'common
浏览 4提问于2020-10-14得票数 0
回答已采纳
package.json
"moduleNameMapper": {
"i18next": "<rootDir>/__mocks__/i18nextMock.js"
}
i18n.js
import i18n from 'i18next'
import XHR from 'i18next-xhr-backend'
// import Cache from 'i18next-localstorage-cache'
import LanguageDetector from 'i1
浏览 0提问于2017-07-11得票数 15
1回答
所以我有一个BaseComponent.jsx，我在我的许多组件上扩展了它。这个很好用。
class BaseComponent extends React.Component {
constructor(props){
super(props)
this.something = true
}
}
class OtherComponent extends BaseComponent {
constructor(props){
super(props)
console.log(this.something)
浏览 1提问于2016-08-02得票数 1
1回答
我尝试过在我的react应用程序中实现react-i18next，但是它没有给出一个f.我希望它能起作用
控制台不显示任何错误。只是无法翻译。
谁有类似的问题，可以帮我找出为什么它不能翻译？
我的i18n.js文件内容：
import i18n from 'i18next';
import { initReactI18next } from 'react-i18next';
import translationPL from './translations/pl/common.json';
const resources = {
pl:
浏览 6提问于2020-05-12得票数 0
1回答
在打字稿中使用高级组件
、、、、
我正在尝试使用react i18Next和类型记录，我遇到了一些问题。
这是我期待的道具界面。
import * as i18n from 'i18next';
export interface ReactI18nProps {
t: i18n.TFunction;
}
然后，我有了一个导航组件，我编写了该组件。
import { translate } from 'react-i18next';
function Navigation({ t }: ReactI18nProps) {
const userProfile = JSON.parse(l
浏览 1提问于2017-12-09得票数 2
回答已采纳
1回答
我从react应用程序公用文件夹中存储的文件中读取translation的值。文件存储在
但是，由于我们的data可以随时更改，所以我们将数据存储到数据库中。在加载时，在从浏览器数据中检测到语言之后，将从API调用该语言并直接使用。因此，下面的文件代码工作得很好。
import i18next from 'i18next';
const LanguageDetector = require("i18next-browser-languagedetector");
const initReactI18next = require("react-i
浏览 1提问于2022-01-22得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
