React-intl

react-intl——react国际化使用方案

国际化介绍i18n：internationalization国家化简称，首字母+首尾字母间隔的字母个数+尾字母，类似的还有k8s(Kubernetes)React-intl是React中最受欢迎的库。
苹果酱0567·2024-09-16 06:26

前端使用react-intl-universal进行国际化

“国际化”的简称：i18n（其来源是英文单词internationalization的首末字符i和n，18为中间的字符数）二、react项目国际化react-intl是业界最受欢迎的软件包之一：React-intl
Stephy_Yy·2024-09-15 09:46

ref无法获取到组件实例引用

最近在使用react-intl国际化中，发现使用injectIntl，ref无法获取到组件实例了，最后搜索了以下，是因为：在React中，我们都会用到HOC(高阶组件)，它会返回一个新的高阶组件，若用ref
曾經丶記憶的風景·2023-12-31 08:48

关于React国际化方案 2019-08-09

首先想到的就是，应该要做国际化处理了，之前也看过关于国际化的一些方案，于是翻阅资料后，就利用react-intl集成了一个简单的国际化方案。
讨厌西红柿·2023-12-28 19:12

2019-02-28在用create-react-app搭建的框架中使用react-intl实现国际化

首先本项目用的antdUI框架，但是没有用LocaleProvider实现国际化，原因是LocaleProvider只实现组件内建文案，若有国际化业务需求，应该用react-intl步骤：1.npminstalreact-intl2
范晓坤·2023-10-25 00:00

scratch3.0之语言翻译国际化

LLK团队为了让非英语地区的同学参与scratch，构建了scratch-l10n项目，当然scratch-gui的语言国际化采用的便是scratch-l10n，然后通过react-intl国家化组件格式化
LiviSun·2023-09-24 18:49

2021-04-02React 从15.3升级到16.x需要升级的依赖

react-dom":"^16.14.0","react-redux":"^5.1.2","react-router":"^3.2.6","react-router-redux":"^4.0.8","react-intl
熊猫拳击手·2023-09-23 20:14

Could not find required `intl` object. ＜IntlProvider＞ needs to exist in the component ancestry.

1、定义一个IntlLocale.tsx文件暴露Intl方法/**@description:将intl作为函数方法使用*/import{createIntl,createIntlCache}from'react-intl
hzxOnlineOk·2023-08-29 06:59

如何在React中进行动画处理和过渡效果实现？列举并简述一下几种常见的动画库和工具。

React中的国际化(i18n)和本地化(l10n)可以通过以下几种方式实现：使用React-Intl库：React-Intl是一个基于JavaScript的国际化库，它提供了对日期、数字、货币、排序等格式的格式化功能
大学生资源网·2023-08-27 10:34

react实现国际化react-intl

react-intl提供了React组件和一个API，用于格式化日期，数字和字符串，包括复数形式和处理翻译，相比较来说，我更喜欢用这个。
江南之城·2023-06-17 20:29

React项目国际化多语言开发详解

react-intl是用来支持react框架实现国语言的有效工具，但是一般在具体的项目中，需要翻译的内容可能还包括各种组件比如antd和boostrap等组件内容的国际化，所以需要结合这些组件内置的国际化工具一起来实现整个项目的多语言
Wesley_Lee·2023-04-13 00:07

react-intl

internationalizationstandardhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/IntlTheIntlobjectisthenamespacefortheECMAScriptInternationalizationAPI,whichprovideslanguag
weixin_30550271·2023-04-12 16:56

使用 react-intl 组件/字符串国际化

使用react-intl串国际化有两种情况：组件和字符串。绝大部分情况都可以使用组件的方式传入ID属性就可以解决需求问题，但遇到无法使用JSX的时候，就只能使用字符串的方式国际化了。
郁南·2023-03-31 22:50

react-intl——react国际化使用方案

国际化介绍i18n：internationalization国家化简称，首字母+首尾字母间隔的字母个数+尾字母，类似的还有k8s(Kubernetes)React-intl是React中最受欢迎的库。
wangxiang2020·2023-03-30 15:33

React-intl国际化接入文档

一、使用1、创建内容可以在平台lokalise上进行，教程比如需要新增一个【繁体中文】，在src\i18n\locales创建对应的zh_HK.json文件新增内容"appModule.pageTest.title":"测试页面的标题"在src\i18n\entries下创建zh_HK.js，引入对应的json文件importhkMessagesfrom'../locales/`zh_HK.jso
郁南·2023-03-23 09:02

React国际化初次尝试

React有专门的库来提供国际化业务，如react-intl，这是react-intl官方库的介绍。
joejoexiaozi·2023-01-28 17:27

react-intl更新lang时引起路由变更报错

react-router@[email protected]...}>lang是保存在reduxstore里面的，用户可以通过页面操作去变更lang，然而变更的时候浏览器会报错如下：image.pngYoucannotchange;itwillbeignored报错原因：IntlProvider包在router的外面，lang的变更会引发内部render，但是路由列表实际没有变化，于
muroujue·2023-01-28 15:55

一天梳理React面试高频知识点

;对React-Intl的理解，它的工作原理？React-intl是雅虎的语言国际化开源项
·2022-10-17 08:39

使用react-intl-universal进行组件和非组件的国际化

于是在github上搜索了一下，发现了两个:一个是react-intl，从星级可以看出是react最常用的一种国际化，最大的好处是它用props的方式注入语言包，也就是可以在不刷新页面的情况下直接更改显示的语言
逆风飞翔的猿·2022-09-15 17:59

react、vue国际化方案，webpack插件webpack-i18n-plugin

前言前端项目react/vue国际化一般都需要开发者逐个去实现，耗时耗力，相关文档可以参考：vue-i18n文档react-intl国际化文档指引webpack-i18n-plugin插件主要解决了两个痛点问题
·2022-04-15 17:10

新鲜出炉的Nodejs/Vue/React多语言解决方案

前言基于javascript的国际化方案很多，比较有名的有fbt、i18next、react-i18next、vue-i18n、react-intl等等，每一种解决方案均有大量的用户。
·2022-03-24 19:11

Scratch3.0初始化加载七牛云上的sbs文件的方法

importPropTypesfrom'prop-types';importReactfrom'react';import{connect}from'react-redux';import{injectIntl,intlShape}from'react-intl
·2021-08-13 11:40

React项目国际化介绍（react-i18next、react-intl)

目前市场上流行的react国际化框架主要有react-i18n和react-intl，本文主要以文本国际化来介绍两种方案的入门用法及对比。
CaesarXI·2021-06-20 17:08

react-intl多语言中组件用法

关于react-intl中的组件用法：首先创建需要翻译的国家语言的js或者json文件，比如：en_CN.json:{"i18n.hello":"Hello,thisisi18n","i18n.name
Arya06·2021-06-04 15:23

react国际化react-intl的使用

react-intl插件提供了一套实现react国际化的方法，具体实现如下~~一搭建react环境和下载相应插件默认你已经安装了nodejs如果没有装的百度装下这里不再细讲利用react官方脚手架搭建react
·2021-05-06 13:02

使用react-intl，antd前端函数组件国际化实现

首先，添加dependencies，我使用的版本是react-intl2.4.0然后在最根部的页面导入react-intlimport{IntlProvider,addLocaleData}from'react-intl
旭旭1998·2020-11-17 17:38

react-intl实现React国际化多语言的方法

本文主要介绍了react-intl实现React国际化多语言的方法，分享给大家，具体如下：效果预览ReactIntl国际化步骤创建国际化资源文件根据语言获取国际化资源引入react-intl的localdata
·2020-09-28 16:57

react-intl多语言切换

一.安装npminstallreact-intl--save二.创建需要切换语言的js文件三.在整个项目的入口函数处引入react-intl：app.js配置1.import{IntlProvider,
C7~马景文·2020-08-26 23:35

react中文国际化自动化插件 react-i18n-auto实现方案（webpack+bable插件）

如果有需求，通常解决的方法就是使用react-intl,react-i18next等一些现有的npm包。以下是我大致了解的方案，以react-intl为例，如下：参考文档：react-intl国际化
Mr18·2020-08-24 15:30

react使用笔记及生命周期

react-intl：做国际化的react只是dom的一个抽象层，并不是web应用的完整解决方案。
acay4499·2020-08-23 23:21

关于Antd 时间选择组件文字转换为中文（国际化设置）

Antd的国际化依赖于yahoo/react-intl。在看这篇文章之前，建议大家看看antd/antd-mobile国际化方案。这篇文章并不是一个StartGuidelines。
1只小菜鸟·2020-08-23 02:40

Typescript初始化一个React项目

yarnaddreact-intl使用react-intl来使react组件国际化。
楠小孩·2020-08-21 15:03

关于React国际化的问题

@umijs/plugin-locale封装了react-intl,api与react-intl基本相同，并做了封装使用起来更加方便。全部api
苏废物~~·2020-08-05 15:23

TypeScript学习笔记(一) + ( antd-table-modal-form-input影响其他行initialValue值 ) + ( react-intl 国际化 ) 运算符优先级...

安装cnpminstalltypescripy-g使用在命令行上，运行TypeScript编译器：输出结果为一个a.js文件，它包含了和输入文件中相同的JavsScript代码。tsca.ts----------------把a.ts文件编译成a.js文件在vscode中自动编译运行命令：tsc--init------->生成tsconfig.json文件点击任务---->运行任务--------
woow_wu7·2020-07-09 07:36

react国际化初探

react的国际化有两个库，一个是react-intl，另一个是react-intl-universal，本文介绍的是react-intl-universal(我觉得非常好用，比react-intl好用
tiancai啊呆·2020-07-08 00:28

React项目中使用React-intl实现多语言支持

在React项目中使用React-intl实现多语言支持在项目开发的过程中，如果项目需要国际化，包含中文版和英文版，按理说逐字逐句替换也不是不可以，但是这种做法很low，并且对于国际化来说，不光是替换文字这么简单
小仙女换剪子换菜刀·2020-07-06 09:55

Scratch3.0初始化加载七牛云上的sbs文件

importPropTypesfrom'prop-types';importReactfrom'react';import{connect}from'react-redux';import{injectIntl,intlShape}from'react-intl
今晚组团大保健·2020-07-02 13:40

使用 react-intl 实现 React 组件国际化

但是使用过程中遇到很多问题，不想继续浪费时间，于是转而使用react-intl。事实证明及时改变方案是明智的。
Evelynzzz·2020-04-12 15:13

React项目国际化-React-intl

React-intlnpminstallreact-intl-savenpminstallintl--save引用React-intlimport{addLocaleData,IntlProvider,FormattedMessage}from'react-intl
风之伤_3eed·2020-04-02 05:22

React + React-intl @3.xx + TypeScript

声明：此篇文章使用的版本是"react-intl":"^3.12.0"。
NANAISNANA·2020-03-05 23:11

react-intl 实现多语言

React-intl是雅虎的语言国际化开源项目FormatJS的一部分，通过其提供的组件和API可以与ReactJS绑定。
旧丶时候·2019-12-31 22:40

国际化

相关的库：【React-intl】【react-intl-universal】
shanshanfei·2018-04-10 10:11

React-intl 实现多语言的示例代码

最近在项目中添加了语言国际化的功能。语言国际化，也有人说成是语言本地化，其实就是为WebApp添加多语言，我们的项目当前包含了中文版和英文版，按理来说『逐字替换』也不是多大事儿，但是，这么Low的做法，有钱途吗？一开始的时候，我考虑的是传统的为整个项目添加config文件，根据不同的语言和地区，加载不同的config文件，就能够达到界面语言切换的目的。当然，也正是因为这个想法太过于幼稚，所以才被称
快乐的开发者·2017-11-03 09:06

React-intl

React-intlInternationaliztionAPIAPI应用环境React-intl的应用依赖于InternationaliztionAPI，这些APIs现代浏览器和NodeJS（>0.12
米花儿团儿·2017-01-25 00:00

react-intl中injectIntl/intlProvider方法的源码简析

问题：react-intl用法部分functionHome(props){ return( ); } exportdefaultinjectIntl(Home);//传入一个包裹组件
liangklfang·2016-12-27 19:00

Webpack+React+多语言(二) 多语言组件

Webpack+React+多语言(一)基础配置github地址完整代码：webpack-react-language多语言组件webpack-react-language关键字：react多语言国际版React-intl
抓住时间的尾巴吧·2016-12-26 14:15

Webpack+React+多语言(二) 多语言组件

Webpack+React+多语言(一)基础配置github地址完整代码：webpack-react-language多语言组件webpack-react-language关键字：react多语言国际版React-intl
抓住时间的尾巴吧·2016-12-26 14:15

Webpack+React+多语言(一) 基础配置

已经看过这一节的朋友，可以看Webpack+React+多语言(二)插件配置+多语言github地址：webpack-react-language关键字：react多语言国际版React-intl移动端网站需要重构
抓住时间的尾巴吧·2016-12-26 14:58

Webpack+React+多语言(一) 基础配置

已经看过这一节的朋友，可以看Webpack+React+多语言(二)插件配置+多语言github地址：webpack-react-language关键字：react多语言国际版React-intl移动端网站需要重构
抓住时间的尾巴吧·2016-12-26 14:58

在 React 项目中使用 React-intl 实现多语言支持

最近在项目中添加了语言国际化的功能。语言国际化，也有人说成是语言本地化，其实就是为WebApp添加多语言，我们的项目当前包含了中文版和英文版，按理来说『逐字替换』也不是多大事儿，但是，这么Low的做法，有钱途吗？一开始的时候，我考虑的是传统的为整个项目添加config文件，根据不同的语言和地区，加载不同的config文件，就能够达到界面语言切换的目的。当然，也正是因为这个想法太过于幼稚，所以才被称
霍华德·2016-06-29 00:00
上一页 1 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他