antd umi国际化

已于 2022-01-19 15:13:47 修改
阅读量645 收藏
点赞数
分类专栏： react 文章标签： es6 reactjs
于 2022-01-19 15:07:47 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhangyubababa/article/details/122581534
版权 
import { getLocale } from 'umi';

getLocale() == 'zh-CN' ? noData.valueCN : noData.value;

在这里插入图片描述

zhangyubababa
关注
专栏目录
react项目国际化需求开发、umi框架开发国际化需求、使用插件做国际化版本
zl的博客
08-04 641
react项目要求前端开发的内容做成中英文切换的功能，项目框架是用的umi@umijs/plugin-locale：国际化插件，用于解决 i18n 问题 umi官网介绍：https://v3.umijs.org/zh-CN/plugins/plugin-locale 步骤： 1、在src目录下新建文件夹locales，新建文件en-US.ts、zh-CN.ts，分别对应值的英文和中文翻译 2、zh-CN.ts文件中 2、en-US.ts文件中 3、在要翻译的文件中引入并使用 到这里，选择下拉框，就能对应修改
小白视角学antd umi（一） - 创建项目
mayazure的博客
09-24 1039
这一系列文章以纯小白的视角介绍一下antd design的umi框架。文章全部基于umi 3.x版本，重点关注umi的基础使用和配置，比较偏实用，不会涉及原理和底层代码分析（因为底层啥样我也不知道~以后有时(xin)间(qing)再去研究研究）。 另外小白视角是针对umi框架而言的，读者仍然需要具有以下基础知识：React, Ant design。如果要配合dva使用的话，还需要了解redux(react-redux), redux-saga。 一、创建项目 这里介绍两种脚手架创建umi项目的方法。 umi
react+antd+umi实现国际化语言
qq_33278354的博客
04-23 8054
1、配置： .umirc.js文件(如果已经存在，则增加locale配置) ['umi-plugin-react', { dva: true, antd: true, // antd 默认不开启，如有使用需自行配置 hardSource: true, locale: { enable: true, // default false default: 'zh-CN', /...
Umi 3.x和Antd 开启国际化示例
大剑师兰特的GIS世界
06-15 636
曾是美国某知名大学计算机专业研究生，现为航空航海领域高级前端工程师；CSDN知名博主，GIS领域优质创作者，深耕openlayers、leaflet、mapbox、cesium，canvas，webgl，echarts等技术开发，欢迎加底部微信（gis-dajianshi），一起交流。
antd的国际化
zhangyubababa的博客
01-27 1310
import { getLocale } from 'umi'; <p>{getLocale() == 'zh-CN' ? item.ContentCN : item.Content}</p>
使用antd日期组件国际化问题
路漫漫其修远兮~
11-04 1350
先看现象： 上图中的问题是：在同一个组件，中文和英文混合出现。 出现该问题的原因主要有两个：1、没有正确设置moment语言包；2、有两个版本共存的moment。 第一个就不细说，只需在入口文件引入语言包即可，至于为啥要引入，一般是因为很多项目并不需要国际化，在webpack打包时，设置了new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/)，防止语言包过大。因此需要手动引入需要的语言包import 'moment/locale/zh-c..
基于umi+antd-mobile的移动端项目模板
02-22
"基于umi+antd-mobile的移动端项目模板"是一个针对移动端应用开发的高效解决方案，它结合了两个强大的工具：umi框架和antd-mobile组件库。这个模板提供了一个快速启动的项目结构，旨在帮助开发者更高效地构建高质量...
umi-switchTheme:umi和antd切换主题
05-15
首先，umi框架基于React，并且采用了面向功能的路由、插件化的设计思想，使得开发者能够高效地构建大型单页应用。在umi项目中，我们可以通过配置umi的插件系统来扩展和定制各种功能，包括主题切换。 Ant Design是另...
umi+react+antd 增删改查
10-20
在IT行业中，构建Web应用程序是常见的任务，而“umi+react+antd 增删改查”这个主题涉及到了三个核心的技术栈，它们分别是Umi、React和Ant Design，以及Web应用开发中的基本操作：增（添加）、删（删除）、改（修改...
umi-dva-antd-mobile：基于umi + dva + antd-mobile快速构建H5 APP应用
02-06
umi-dva-antd-mobile 该项目主要以 + 为一体框架，以为UI组件库，包含完整的前端工程化实践。 部分代码及功能参考于 :clapping_hands:已经支持微信开发，相见分支。 目录结构 |-- config # umi 配置，包含路由，...
umi 国际化
qq_36258899的博客
03-13 1583
前言： 在做项目过程中，遇到一个需求就是支持多语言，实现国际化的功能。感谢React社区的强大，提供了 umi-plugin-locale插件来实现国际化的功能。 首先我们是基于 Umi 搭建的项目。 umi-plugin-locale 约定 在 src/locales 中引入 相应的 js，例如 en-US.js 和 zh-CN.js， 注意：文件名称要和locale的值要对应起来。 并且在项目配置文件中做如下配置： locale: { enable: true, // default f
antd 国际化如何解决
Wcharles666的博客
05-14 5003
前提 已对antd的按需引入做了配置 moment 是处理日期的插件 yarn add moment -S 即可 或者 npm install moment 按照图下引入
React Umi国际化配置
hyupeng1006的博客
04-01 669
文件下新建zh-CN.ts、en-US.ts文件，并且在文件中做配置。在src下创建locales文件，如果项目配置了。
React umi Antd分页组件时间组件等根据国际化不同语言展示组件文字
书包的博客
10-20 625
建议直接在父组件/布局组件中直接搞定，就不需要在每一个子组件里面重复啦 ~ 首先从antd中引入对应的语言包、组件及需要的方法 import { getLocale } from 'umi'; import zhCN from 'antd/es/locale/zh_CN'; import enCN from 'antd/es/locale/en_US'; import { ConfigProvider } from 'antd'; import { isEqual } from "lodash.
umi多语言 | 国际化 踩坑
weixin_48092226的博客
09-23 3014
文件：src/locales/zh-CN.ts export default { message: '明天我就找个女朋友', } 一、适合在组件中使用的方法 1.函数调用的形式 import { useIntl } from 'umi'; const FormatMessage = () => { const { formatMessage } = useIntl(); return <div>{formatMessage({ id: 'mes..
react-umi 国际化 （中英文切换）
mengfanyue123的博客
05-27 5425
.umirc.js国际化默认配置 export default { plugins: [ [ 'umi-plugin-react', { locale: { default: 'zh-CN', //默认语言 zh-CN baseNavigator: true, // 为true时，用navigator.language的值作为默认语言 antd: true // 是否启用antd的<Loca
umi国际化的两种方式
最新发布
看陌生的风景的博客
06-28 350
【代码】umi国际化的两种方式。
umijs项目-国际化语言配置
qq564280420的博客
03-03 1963
配置.umirc.ts import { defineConfig } from 'umi'; export default defineConfig({ // 启用layout配置 layout: { name: 'ulives-library-web', locale: true, // layout中启用locale配置 layout: 'side', }, // 路由配置 routes: [ {
SEE Conf: Umi 4 设计思路文字稿
u012384510的博客
01-12 1579
大家好，我是若川。持续组织了5个月源码共读活动，感兴趣的可以点此加我微信 ruochuan12参与，每周大家一起学习200行左右的源码，共同进步。同时极力推荐订阅我写的《学习源码整体架构...
antd typescript 国际化
04-05
在组件中使用 `umi-plugin-locale` 提供的 `formatMessage` 函数获取国际化资源信息，并将其展示在页面上： ``` import React from 'react'; import { formatMessage } from 'umi-plugin-locale'; const ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值