i18next是一个功能齐全的i18n javascript库,用于翻译您的web应用程序。
Next.js 14:使用 next-intl 更改语言,每当我更改语言时都会将我重定向到主页
我在我的项目中使用 Next.js 14 和 next-intl 。我可以在两种语言之间切换,但问题是每次我更改语言时,next-intl 都会将我导航到主页。 可以说我在
getFixedT 在react-i18next 中无法按预期工作
我正在尝试在react应用程序中使用useTranslation,并且我也想引用一种固定语言。 useTranslation t 函数按预期随浏览器变化,但固定语言始终...
iOS 上的 ForceRTL 无法在 React Native 应用程序中工作
Android 对方向变化反应良好,但是 iOS 没有正确切换 RTL,iOS 不断重新启动,当我检查 isRTL 的状态时,它没有改变 使用效果(()=> {
问题是当我尝试返回此字符串中的 NavLink 元素时,这是我的元素以及我期望带有链接的字符串。 const termsOfUseLink = ( 问题是当我尝试返回此字符串中的 NavLink 元素时,这是我的元素以及我期望带有链接的字符串。 const termsOfUseLink = ( <NavLink to="/terms-of-use" target="_blank"> {t("exchange.checkbox1-links.termsOfUse")} </NavLink> ); const howItWorksLink = ( <NavLink to="/how-its-work" target="_blank"> {t("exchange.checkbox1-links.howItWorks")} </NavLink> ); const privacyPolicyLink = ( <NavLink to="/privacy-policy" target="_blank"> {t("exchange.checkbox1-links.privacyPolicy")} </NavLink> ); // in return {t("exchange.checkbox1", { returnObjects: true, termsOfUseLink: termsOfUseLink, howItWorksLink: howItWorksLink, privacyPolicyLink: privacyPolicyLink, })} 我有这个带翻译的 JSON 文件: "checkbox1": "I agree with {{termsOfUseLink}} and {{howItWorksLink}} and {{privacyPolicyLink}}", "checkbox1-links": { "termsOfUse": "Terms of Use", "howItWorks": "How it works", "privacyPolicy": "Privacy Policy" }, 当双括号时,它返回 [object Object],当单括号时,我得到相同的字符串,如 checkbox1 值中所示。 那么有没有办法在I18Next中显示这些链接呢? 我认为解决此问题的最佳方法不是翻译您拥有的整个“checkbox1”行,而是仅引用退货内部的链接,然后翻译其他单独的文本。 return (<p> {t("exchange.iAgreeWith")} {termsOfUseLink} {t("exchange.and")} {howItWorksLink} {t("exchange.and")} {privacyPolicyLink } </p> Json 文件: "iAgreeWith": "I agree with", "and" : "and" "checkbox1-links": { "termsOfUse": "Terms of Use", "howItWorks": "How it works", "privacyPolicy": "Privacy Policy" },
我在 Zod 中遇到 i18n 问题。基本上,我有一个由react-hook-form和Zod处理的简单表单进行验证,但是当我更改语言环境时,错误消息似乎没有被翻译...
使用 i18n for Outlook 插件在 React Router DOM 中实现多语言翻译
我正在开发一个 Outlook 插件,使用 React Router DOM 进行路由。我正在尝试使用 i18n 实现多语言翻译功能,但在使其正常工作时遇到困难
我正在尝试将数据设置为状态,但无法设置以下状态:文件夹hirarachay。 --下一个js 查看/src/app/page/WhyChoseUS.js '使用客户端'; 导入 React, { useState, useEffect } f...
如何翻译来自数据库的动态值(产品名称),例如花的名称 我尝试使用这个: {t("通用:产品名称", { 产品名称: "
我正在开发英语和阿拉伯语的多语言 React 应用程序。默认语言是英语,然后我将其翻译到 ar.json 文件中,现在我需要将阿拉伯语设置为
有没有办法通过检测父文件夹名称来知道当前的语言? 源代码 └── 页数 ├── FR <-- THIS IS THE PARENT FOLDER | └── index.astro └── index.astro Things I tried:...
Typescript i18next 不满足约束 'string | TemplateStringsArray NextJS
我正在尝试输入要使用 i18next 进行翻译的对象数组,但变量 navItems 中出现以下消息,我在其中声明 i18next 然后迭代数组 Type 'NavItemPr...
astro-i18next Tfunction 显示按键而不是翻译
我使用 t() 函数来翻译文本。 该函数的作用就像 astros /public 文件夹中没有语言环境一样。 我的文件结构 我的 en 翻译.json 文件: { “指数”: { &
我正在使用本地化库 i18Next 开发 jquerymobile 项目。 HTML 代码: 我正在使用本地化库i18Next开发jquerymobile项目。 HTML代码: <div id="messageboxPage" data-role="page" data-theme="a"> <div data-role="header" data-theme="a"></div> <div id="messagePage" data-role="content" data-theme="a"> <div class="barContainer" id="barContainer"> <div class="ui-bar ui-bar-b ui-btn-corner-all" style=" margin-top: 40px; padding-left: 0px;padding-right:10px; "> <div style="float: left; width: 30%;"> <a href="#" id="aNo" onclick="SetActive('aNo')" class="LnkButton" data-theme="a" data-role="button" data-inline="true" data-mini="true">Cancel</a> </div> <div style="float: left; width: 30%;padding-left: 6%; padding-right: 2%;"> <a href="#" id="aAccept" onclick="Supprimer();" data-theme="a" class="LnkButton" data-role="button" data-inline="true" data-mini="true">Delete</a> </div> <div style="float: right; width: 30%;"> <a href="#" id="aReply" onclick="Reply();" data-theme="a" class="LnkButton" data-role="button" data-inline="true" data-mini="true">Reply</a> </div> </div> </div> </div> </div> js代码 window.opts = { lng: 'fr', getAsync: true, // fallbackLng: 'en', ns: { namespaces: ['ns.controls'], defaultNs: 'ns.controls' }, useLocalStorage: false, debug: true }; $.i18n.init(opts).done(function () { alert('i18n init function'); $('#aNo').text("No Merci!"); $('#aAccept').text("Supprimer"); $('#aReply').text("Respondre"); $('#messageboxPage').trigger('pagecreate'); }); $(document).ready(function () { alert('messagebox document ready'); }); 现在的问题是文字改变了,但是按钮样式丢失了。第二个问题是设置带标签的文本;我尝试过页面创建触发器,但它不起作用。你有什么建议? 这是一个工作的JS Fiddle 要更改按钮的文本,您必须修改 .ui-btn-text 元素的文本,这比 span > span 更好: $('#aNo .ui-btn-text').text("No Merci!"); $('#aAccept .ui-btn-text').text("Supprimer"); $('#aReply .ui-btn-text').text("Respondre"); 小提琴 这对我有用 $.i18n.init(opts).done(function () { alert('i18n init function'); var message_type = 0; if (message_type == "0") { alert('from 0'); $('#lblTo').text("from 0"); } else if (message_type == "1") { alert('to 1'); $('#lblTo').text("to 1"); } else if (message_type == "2") { alert('from 2'); $('#lblTo').text("from 2"); } $('lblDate').text($.t('Messagebox.lblDate')); $('lblSubject').text($.t('Messagebox.lblSubject')); //////////////////////////this is where i was wrong $('#aNo > span > span').text("No Merci!"); $('#aAccept > span > span').text("Supprimer"); $('#aReply > span > span').text("Respondre"); /////////////////////////// $('#messageboxPage').trigger('pagecreate'); });
我使用dayjs,我想用i18next.language的当前语言更改语言环境 但它不起作用,我只得到英文格式。 ... 从'dayjs'导入dayjs; 常量 { t, i18n } =
我按照文档配置了vue-i18next。 当我直接从 i18next.t 或在带有 useTranslation() 的组件内使用 t() 时,它不会返回翻译后的字符串,而是返回
亲爱的 Stack Overflow 社区, 我目前正在学习 Next.js 并已成功建立了一个新项目。现在,我正在将它与 i18n 集成,虽然翻译工作完美,但我
我正在使用 shadc-ui 创建一个概念克隆 [https://ui.shadcn.com/] 当(登陆)- 路由器和 _components 创建时。这些组件来自 shadcn-ui。 这是我的图片: 布局.js: 重要...
如何避免 Next.js 中出现“You have notclarified a namespacesRequired array”错误?
我将 next-i18next 模块用于多语言应用程序。我不明白为什么会出现以下错误,因为我已经按照文档中显示的方式声明了命名空间...
重新启动 React Native expo 应用程序时出错,无法加载自定义字体,因此应用程序卡在加载指示器或启动屏幕中: [错误:调用本机时遇到异常...
我正在致力于将i18next集成到react项目中,使用react-18next,并使用i18next-parser使用当前翻译字符串生成JSON文件,并使用自然语言键...