- 综合排序
- 最热优先
- 最新优先
- 来自专栏程序那些事儿
多语言站点react前端框架i18next
import i18n from 'i18next'; import { initReactI18next } from 'react-i18next'; i18n .use(initReactI18next import { useTranslation } from "react-i18next"; const lngs = [ { code: "en", native: "English" }, i18next"; import detector from "i18next-browser-languagedetector"; import { reactI18nextModule } from "react-i18next translation: translationDE } }; i18n .use(detector) .use(reactI18nextModule) // passes i18n down to react-i18next
3.3K20编辑于 2023-03-07 - 来自专栏2025开发者成长日志
AI辅助开发实践 ：前端国际化(i18n)在多语言供应链平台中的完整方案
react-i18next基于i18next生态系统，提供了最全面的国际化功能，包括插值、格式化、复数处理和完善的插件系统。 最终选择方案：// 包依赖配置const packageDependencies = { "dependencies": { "react-i18next": "^11.15.0", "i18next // 国际化初始化配置import i18n from 'i18next';import { initReactI18next } from 'react-i18next';import Backend i18n .use(Backend) // 使用HTTP后端加载语言包 .use(LanguageDetector) // 使用语言检测器 .use(initReactI18next) // 初始化react-i18next // 供应链头部组件import React from 'react';import { useTranslation } from 'react-i18next';import { LanguageSwitcher
79020编辑于 2025-09-21 - 来自专栏前端技术江湖
你不知道的33个令人惊艳的React开发库
react-i18next image.png react-i18next 是一个基于 i18next 的强大的 React / React Native 国际化框架。 查看 i18next 的历史以及react-i18next 何时被引入。 react-virtualized image.png React 组件可有效渲染大型列表和表格数据。
2.7K20编辑于 2023-08-21 - 来自专栏zayyo前端
网络本地化的痛点和解决方案
使用 react-i18next，你可以使用 useTranslation 钩子获取 t 函数来进行翻译。 import { useTranslation } from 'react-i18next';const MyComponent = () => { const { t } = useTranslation
36910编辑于 2023-12-18 - 来自专栏踏浪的文章
关于使用react16以上在华为手机上面显示出现问题的解决方法
": "^2.4.1", "react-credit-cards": "^0.7.0", "react-dom": "^16.8.6", "react-ga": "^2.6.0", "react-i18next
2K30发布于 2019-11-05 全面解析 i18n：从概念到实践，再到底层原理
第一步：安装依赖 npm install i18next i18next-http-backend i18next-browser-languagedetector react-i18next 第二步： LanguageDetector from 'i18next-browser-languagedetector'; // 自动检测用户语言 import { initReactI18next } from 'react-i18next useTranslation Hook 获取翻译函数，并支持动态切换语言： import React from 'react'; import { useTranslation, Trans } from 'react-i18next
70020编辑于 2025-11-30- 来自专栏前端桃园
2020 年你应该知道的 React 库
以下是最受欢迎的处理该问题的库: react-i18next react-intl LinguiJS FBT 建议: react-i18next React 富文本编辑器 当涉及到在 React 中的富文本编辑器时 : 无 or React Router 身份验证: Firebase 数据库: Firebase UI 库: none 表单库: 无 测试库: Jest 实用程序库: JavaScript 国际化: react-i18next 组件库 表单库: none 或 Formik 或 React Hook Form 测试库: Jest with React Testing Library 实用程序库: JavaScript 国际化: react-i18next React Hook Form 测试库: Jest with React Testing Library and Cypress 实用程序库: JavaScript 的 api，Lodash 国际化: react-i18next
18.7K40发布于 2020-02-26 - 来自专栏编程技术分享
前端国际化辅助工具——自动替换中文并翻译
翻译所有 i18n 数据，1 只翻译新数据 loader: 'loader.js', pluginPrefix: '$t', // i18n 插件前缀 例如 vue-i18n: $t， react-i18next 翻译所有 i18n 数据，1 只翻译新数据 loader: 'loader.js', pluginPrefix: '$t', // i18n 插件前缀 例如 vue-i18n: $t， react-i18next 例如 vue-i18n 国际化工具使用的是 $t，而 react-i18next 使用的是 t。 translation 是否需要自动翻译，默认为 false。
4.1K30发布于 2020-09-28 - 来自专栏踏浪的文章
关于使用react16以上在华为手机上面显示出现问题的解决方法
react-confirm-alert": "^2.4.1", "react-credit-cards": "^0.7.0", "react-dom": "^16.8.6", "react-ga": "^2.6.0", "react-i18next
2.7K10发布于 2019-11-28 MyEMS开源能源管理系统核心代码解读011
国际化：使用react-i18next库实现组件的国际化，支持多语言。条件渲染：根据配置和数据条件渲染不同的UI元素，如地图、实时传感器数据等。
27210编辑于 2025-05-20- 来自专栏踏浪的文章
react项目打包优化
{Me} /> <Route path='/pay' component={Pay} /> <Login /> </BrowserRouter> ) // 因为使用了多语言配置，react-i18next {Me} /> <Route path='/pay' component={Pay} /> <Login /> </BrowserRouter> ) // 因为使用了多语言配置，react-i18next
4K30发布于 2019-07-31 - 来自专栏Tz一号
jquery/vue/react前端多语言国际化翻译方案指南
❞ React - 多语言翻译 使用插件： react-i18next Git地址：https://github.com/i18next/react-i18next 官方使用文档：https://react.i18next.com
3.4K20发布于 2021-09-08 - 来自专栏地方网络工作室的专栏
基于 TS 的 React 模板项目，集成 eslint sass，采用 StandardJS 代码风格，包含自动注册组件等各项功能，新建项目或 React 学习必备
i18next 官方网站 react-i18next 官方网站 采用 sass 为 css 预编译语言。 使用 tsx 组件内使用 import React, { FC } from 'react' // 引用 useTranslation import { useTranslation } from 'react-i18next
2.2K20编辑于 2021-12-07 - 来自专栏landv
[OHIF-Viewers]医疗数字阅片-医学影像-ViewportDownloadForm.js
useState, createRef, } from 'react'; import PropTypes from 'prop-types'; import { useTranslation } from 'react-i18next
1.2K20发布于 2020-07-14 - 来自专栏深度学习与python
实现全球化：深入理解国际化框架的构建
尽管以 JavaScript 为核心的 i18n 库（如 i18next、react-intl 和 react-i18next）是该领域的主流工具，可帮助开发人员高效地处理翻译和本地化相关的配置，但它们仅适用于基于 深入了解 i18n 库的工具箱，你会发现以 JavaScript 为核心的解决方案占据了主导地位，尤其是那些围绕 React 的解决方案（如i18next、react-intl和react-i18next
94310编辑于 2023-12-28 前端技术栈选型指南：不同规模项目的技术组合建议
：Tailwind + Design Token；组件库 Ant Design 或 Element Plus 表单与校验：React Hook Form/Yup 或 VeeValidate i18n：react-i18next
48010编辑于 2025-12-15如何开发人事及OA管理系统的会议管理板块？（附架构图+流程图+代码参考）
答：前端可通过国际化（i18n）框架（如React-i18next）实现多语言切换。后端可设计一个language字段，存储用户语言偏好。
47100编辑于 2025-08-14- 来自专栏前端技术地图
前端国际化：语言包篇
默认情况下，i18n ally 会分析项目根目录下的 package.json, 确定你使用的 i18n 框架，它支持了很多常见的 i18n 库，比如 vue-i18n, react-i18next。 可以在 OUTPUT Panel 下看的日志： 解决办法就是显式告诉它： // .vscode/setting.json { "i18n-ally.enabledFrameworks": ["react-i18next
2.6K30编辑于 2023-10-23 - 来自专栏landv
[OHIF-Viewers]医疗数字阅片-医学影像-事件总线管理器
Component } from 'react'; import { OidcProvider } from 'redux-oidc'; import { I18nextProvider } from 'react-i18next React, { Component } from 'react'; import PropTypes from 'prop-types'; import { withTranslation } from 'react-i18next
1.6K21发布于 2020-07-09 - 来自专栏前端从进阶到入院
2023 React 生态系统，以及我的一些吐槽……
国际化（i18n） react-i18next react-i18next 是基于 i18next 的一款强大的国际化框架，可以用于 react 和 react-native 应用，是目前非常主流的国际化解决方案
3.8K30编辑于 2023-10-14
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号