i18next

在客户端实现站点的本地化
授权协议 MIT
开发语言 JavaScript
所属分类 程序开发、 其他开发相关
软件类型 开源软件
地区 不详
投 递 者 司马璞
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

i18next 在客户端实现站点的本地化,i18next 从服务端获取资源然后对标签为data-i18n 的内容进行翻译。

示例:

// given loaded and merged dictionaries in i18next.js to:
{
    "en_US": {
        "ns.special": {
            "app": {
                "name": "i18n",
                "insert": "you are __youAre__",
                "child": "__count__ child",
                "child_plural": "__count__ children"
            }
        },
        "ns.common": {}
    },
    "en": {
        "ns.special": {
            "app": {
                "area": "Area 51"
            }
        },
        "ns.common": {}
    },
    "dev": {
        "ns.common": {
            "app": {
                "company": {
                    "name": "my company"
                }
            },
            "add": "add"
        },
        "ns.special": {
            "nav": {
                "1": "link1",
                "2": "link2",
                "home": "home"
            }
        }
    }
}
  • 主要还是对于官方文档的理解程度 引官方文档 安装 npm install react-i18next i18next i18next-http-backend --save 新建i18n文件 –config.ts –zh.js 本地中文语言 语言json 省略… –en.js 本地英文语言 – … config.ts 采用线上获取的接口params import i18n from 'i18

  • react插件react-i18next的使用配置 如果项目要求使用双语甚至多语言,则需要做语言设置功能,react里用react插件react-118next做国际化语言适配的流程如下:(这里以中英双语举例) 初始化i18n 在src目录创建i18n文件夹,然后在新创建的文件夹新建i18n.js文件和locales文件夹,再在locales文件夹下面创建中英双语两种翻译文件: \i18n \l

  • 在上一篇文章中,我介绍了Stimulus(一种由Basecamp创建的适度JavaScript框架)。 今天,我将讨论Stimulus应用程序的国际化,因为该框架没有提供任何开箱即用的I18n工具。 国际化是重要的一步,尤其是当您的应用程序被世界各地的人们使用时,因此对如何使用它的基本了解可能会派上用场。 当然,由您决定要实施哪种国际化解决方案,无论是jQuery.I18n , Polyglot还

  • 因为react-i18next依赖 i18next , 所有需要同时安装i18next包 npm install react-i18next i18next -S 配置 在src下新建i18n文件夹,以存放国际化相关配置 i18n中分别新建三个文件: config.js:对 i18n 进行初始化操作及插件配置 en.json:英文语言配置文件 zh.json:中文语言配置文件 config.js:

  • 先上报错,这是我在组件页面定义变量的时候碰到的,如下 TS2322: Type 'TFunctionResult' is not assignable to type 'ReactNode'. Type 'object' is not assignable to type 'ReactNode'. react-i18next是react中国际化最常用的插件,最近本人在做一个ts+国际化的项目

  • 使用i18next颜色添加 一些颜色标记 引用文档 废话不多说上代码 import { useTranslation, Trans } from 'react-i18next'; <Trans //这块会加粗 i18nKey="你确定要{{operate}}<0>{{info}}</0>此条

 相关资料
  • 本文向大家介绍iOS客户端本地推送实现代码,包括了iOS客户端本地推送实现代码的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了iOS本地推送的具体代码,供大家参考,具体内容如下 首先创建全局的本地通知对象及弹出框 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 更新时间:2019-02-27 17:38:48 Device Agent简介 Hacklab IDE device agent是一个运行在本地开发机、将物理开发板通过浏览器连接到云端IDE开发环境的后台程序,接下来文档中的device agent就是指这个后台程序。 上图是云端IDE、Device Agent和设备之间运行时的关系示意,Device Agent和设备通过设备的串口进行通讯。Dev

  • 有没有我可以参考的示例应用程序用于Android上的SAML交互?有人在Android上成功移植/使用了OpenSAML吗? 我正在尝试编写一个简单的应用程序,它将(而不是浏览器重定向)使用本机API来执行SAML身份验证。 还有一些指向测试环境的指针,我可以在其中测试SAML客户机,这会有所帮助。

  • 利用 select 实现的 tcp 客户端 利用 select 实现的 tcp 客户端 源码/* * Copyright (c) 2006-2018, RT-Thread Development Team * * SPDX-License-Identifier: Apache-2.0 * * Change Logs: * Date Author Notes * *//* 程序清单:利用 selec

  • 我一直在使用FTP客户端java实现。我所要做的就是连接到FTP服务器并将一个文件传输到服务器。 我设法与ftp服务器建立了连接(见下面的代码),之后我使用PASV命令进入了被动模式。现在我不知道下一步该做什么。我尝试在PASV命令之后制作一个新套接字并将其连接到FTP服务器端口20,但没有成功。 我的问题是建立连接时如何启动文件传输?(我的想法是与端口20建立连接并执行STOR命令,但我不知道如

  • 我将在我的项目中使用HazelCast MapStore。我有一个HazelCast服务器和一些其他客户端项目。我可以像这样实现MapStore类吗http://docs.hazelcast.org/docs/3.5/manual/html/map-persistence.html在客户项目中? 我关心的是配置。我发现我无法在客户端设置或更改HazelCast配置。MapStore的配置如何?

  • 14.2.实现远程客户端 我们已经有了远程Service,接下来实现它的客户端,然后测试两者是否工作正常。我们这里有意将服务端与客户端分在两个不同的package中,因为它们是两个独立的程序。 好,在Eclipse中新建一个项目,步骤同以前一样,兹不赘述。不过这里有一点不同,那就是它依赖于前一个项目,也就是LogService。这一点很重要,因为LogClient需要知道LogService的接口

  • 是否可以在Silverlight中创建代理客户端,这意味着Silverlight应用程序知道代理服务器的主机、端口、用户名和密码,然后建立与代理服务器的连接? 然后,Silverlight应用程序将能够向该代理服务器后面的资源发出HTTP请求。 这样,Silverlight应用程序就可以访问某些资源,而无需首先在客户端计算机上安装第三方代理客户端,因为代理客户端将是Silverlight应用程序本