《React——umi国际化》由会员分享，可在线阅读，更多相关《React——umi国际化（2页珍藏版）》请在装配图网上搜索。
1、Reactumi国际化Umi3.x和Antd国际化【前言】生产任务中需要国际化，百度了umi相关的国际化，出来的都是umi-plugin-request帮助umi插件locale导入，进行国际化使用。而实际上自己亲身经历3.x的版本不需要是用umi-plugin-request。具体使用请往下看。1、config.ts配置开启umi国国际化具体参考官网exportdefaultdefineConfig(,locale:default:zh-CN,antd:false,title:false,baseNavigator:true,baseSeparator:-,)2、国际化文件配置在src下创建
2、locales文件，如果项目配置了singular:true，locales要改成locale在locales文件下新建Zh-CN.ts、en-US.ts文件，并且在文件中做配置/zh-CN.ts文件exportdefaultproject.packageogin.hello:你好！/en-US.ts文件exportdefaultproject.packageogin.hello:HelloWork!3、在函数组件中使用国际化-uselntl4、在类组件中使用国际化-injectlntlimportinjectlntlfromumi;classFunctionComponentsreturn()exportdefaultinjectlnit(FunctionComponents)5、在ts文件中使用国际化-getlntlimportgetIntlfromumi;exportconstDataException=hello:getlntl().formatMessage(id:project.packageogin.hello)6、动态设置国际化getLocale、setLocale/刷新页面setLocale(zh-CN；true);/不刷新页面setLocale(zh-CN,false);consoleog(getLocale();/zh-CN
React——umi国际化
