React i18next -从API获取语言首选项，并根据获取的首选项初始化i18n。

文章/答案/技术大牛

发布

1回答

javascript、reactjs、react-redux、react-hooks、react-i18next

我正在使用React i18next库在我的react应用程序中进行语言翻译。我需要从API中获取语言首选项(比如用户设置api)，然后需要用从API中获取的语言来初始化i18n。但我的i18n.js文件首先(显然)在提供API调用之前进行初始化<

浏览 17提问于2020-09-05得票数 0

2回答

路由器不侦听useEffect

reactjs

需要你的帮助。该项目是由i18n翻译成3种语言，并希望当语言变化，一个出现在网址中。在i18n中，本地存储被赋予了很高的优先级，因此语言被保存在那里。i18n的代码如下所示 import i18n from 'i18next'; import { initReactI18next } from 'react-i18next'

浏览 28提问于2021-09-09得票数 0

回答已采纳

1回答

如何在i18n反应中使用参考翻译？

reactjs、i18next、react-i18next

React站点有两种语言(en，ru)。从不同的来源，我们需要发送到不同的翻译。现在有一个初始的en，它可以通过按钮切换到ru。它是否有可能使一个不同的翻译打开如下：或的英文翻译？

浏览 14提问于2022-12-04得票数 0

2回答

如何使用i18next* / react-i18next获取当前语言环境？*

javascript、react-native、react-i18next

我是react-native的新手，我正在尝试从用户的设备中获取最新的语言环境。目前，我的应用程序有两个版本:法语和英语。当我更改备用语言时，它工作得很好，我确实有两个版本的应用程序。但我不能直接从设备上更改语言。 import i18next from &#

浏览 13提问于2021-05-31得票数 2

2回答

从多个后端加载翻译

reactjs、i18next

我使用了React应用程序-i18Next，翻译存储在两个位置。其中一组是本地存储到应用程序的文件夹中，其余的翻译来自远程API。在一个基于反应的应用程序中包含多个来源的翻译的最佳方法是什么？

浏览 0提问于2019-02-26得票数 6

2回答

存储文本消息、说明的最佳方式...React应用程序中的用户(和语言翻译)

reactjs、react-native、text

假设我想要在我的React应用程序上显示消息:某个按钮上的消息"Send code“，像”介绍下面的代码“之类的指令，等等。这样一个文件的结构应该是什么，我应该如何在我的React文件上获取消息？此外，我相信有一种适当的方式来存储翻译成其他语言:西班牙语，德语，俄语，...因此，如果您的用户已从下拉列表中选择了该语言，您将以所选的语言显

浏览 2提问于2021-06-15得票数 1

1回答

响应i18n* -从API加载多种语言*

reactjs、internationalization、i18next、react-i18next

我的应用程序将语言存储在数据库中，根据请求管理客户端应该使用的语言。api返回具有以下结构的JSON： "en":{...translations}, "jp":{...translations},目前，我正在以这种方式初始化i18n import i18n from "i18

浏览 17提问于2022-06-27得票数 0

1回答

如何在React本机中加载用于i18n翻译的静态区域设置json

javascript、reactjs、react-native、i18next、react-i18next

我正在尝试添加一个备用本地json，如果语言API fails.In --我的react本机应用程序的i18n.js文件--添加了两条路径:一条将从API获取，另一条将获取本地JSON转换。但是我无法加载本地翻译，因为react本机不接受我将翻译放在其中的公用文件夹。import i18n from "i18next"; impor

浏览 1提问于2021-05-13得票数 0

1回答

i18n.language未在url中定义。

reactjs、internationalization、i18next

我有一个来自url代码的语言检测机制。如果用户在没有访问令牌的情况下访问经过身份验证的页面，我将重定向到Routes.js中的登录页。 ) : ( ); import <em

浏览 2提问于2021-08-25得票数 0

2回答

从数据库获取区域设置，而不是浏览器i18next

reactjs、locale、i18next

我目前从用户的浏览器中获取区域设置。用户现在可以在他们的配置文件中设置他们的首选语言，这存储在数据库中。我想从数据库中获得这个值，并为i18next设置正确的语言环境。我在这里读到了一些关于自己的检测功能的内容：https://github.com/i18next/i18next-browser-languageDetector。但我不能完全

浏览 29提问于2020-01-24得票数 4

1回答

我知道如何更改react-i18next语言，但此更改仅对当前会话或设备有效。因此，在更改区域设置时，我首先更新i18next以提供即时的ux反馈，然后进行api调用以更新数据库中的用户配置文件。 export async function useLocale(locale: Locale) { const { updateProfile}= userService(); i18n.ch

浏览 10提问于2021-01-31得票数 0

3回答

i18next循环导入多个翻译文件？

react-native、localization、internationalization、i18next、react-i18next

在React本机应用程序中使用i18next和react-i18next来处理本地化。我们有一个节点脚本，它在应用程序构建之前运行，从API中获取这些文件，并根据所有语言和翻译文件键生成正确的文件夹路径和json文件。有没有更好的方法，这样我们就不必在i18n.ts文件中手动导入每个json文件，因为这很容易出错，因为我们需要记住添加创建的任何其他json文件。import <em

浏览 13提问于2022-07-14得票数 0

2回答

如何在层次结构中启动preferenceActivity部件

android、android-preferences

我在API级别9工作，所以不能使用新的首选项片段内容。我有一个首选项活动，根据api演示从和xml文件中获取首选项。我有一个首选项屏幕的层次结构，所以正常情况下，您必须通过顶层屏幕单击才能找到首选项。除了从我的主菜单进入所有首选项之外，我还希望能够在其中一个子屏幕而不是顶部屏幕上启动首选项活动，这样我就可以直

浏览 0提问于2011-10-06得票数 0

回答已采纳

1回答

如何更新i18next配置？

javascript、reactjs、i18next、react-i18next

我希望在我的项目中使用react-i18next，并且希望使用从服务器获取的数据来配置i18设置，因此它是一个异步函数。，一旦完成，我们就可以在其中显示并使用i18n。init_i18n(configFromServer);}; export default i18n; 所以我们的想法是，我们使用默认配置来初始化它一次，然后基于我们从服务器<

浏览 6提问于2020-04-08得票数 0

2回答

react i18Next:如何同步浏览器和LanguageDetector？

javascript、i18next、react-i18next

1 }) .then(res => reply(res[`field${lng}`]))}有没有办法让服务器端LanguageDetector知道浏览器端的当前语言？这是我的客户i18n init import

浏览 0提问于2018-07-08得票数 0

回答已采纳

1回答

多次响应i18next* languageChanged事件*

reactjs、i18next、react-i18next

我在react应用程序中使用了i18next进行翻译。我在Header.jsx文件中添加了一个语言下拉列表，这对于所有页面来说都很常见。我正在根据我的页面( quiz.jsx )中的当前语言获取数据。因此，语言更改api应该再次被调用。languageChanged()事件的i18Next函数多次调用对语言下拉更改。应该只叫一次。我不知道为什么这个函数被多次调用?lan

浏览 16提问于2022-03-14得票数 0

回答已采纳

1回答

i18next/i18n更改语言不适用于整个网站

html、reactjs、typescript、internationalization、i18next

我正在做一个react-typescript应用程序，在那里我需要能够翻译网站。我使用的是i18next库。在主页中，用户可以使用运行此方法的按钮更改语言。然而，当我转到下一页时，它又回到了原来的语言。我似乎不能让整个网站在不同的语言上运行。我的index.tsx文件 import React from 'react'; import ReactDOM from

浏览 54提问于2021-03-26得票数 1

1回答

如何将API主机URL保存到本地存储并在开始时检索

angular

如何将API URL保存到本地存储，然后在应用程序加载时检索它。如何完成整个设置：当用户进入Settings页面并输入URL时，它将被保存到本地存储中。该数据应该由首选项服务获取</em

浏览 1提问于2019-01-13得票数 0

回答已采纳

4回答

如何将API数据合并到i18next中而不是静态文件中

javascript、reactjs、react-native、user-interface、react-redux

我已经在public folder中保存了文件，以便针对不同的language ( translation )进行反应。现在，我有了从API获取数据的要求。我能够调用API并获取数据。对于TRANSLATIONS_FR中的ex，我需要存储API的输出。'); const initReactI18next = require('react-i18next'

浏览 15提问于2022-01-05得票数 1

回答已采纳

1回答

nuxt路由更改查询循环

vue.js、nuxt.js、vue-router、asyncdata

我有一个nuxt一个寻呼机网站，我正试图为语言交换机设置一个路由器。我的无头CMS (Storyblok)通过使用?language=xyz进行语言逻辑设置。数据是通过使用页面/index.vue中的AsyncData()钩子来获取的。现在，当我将路由从'/‘更改为'/xyz’时，将再次调用AsyncData()，并更改路由。router.push({ path: '/'

浏览 24提问于2022-08-11得票数 0

回答已采纳

点击加载更多