1. 首页
  2. 编程语言
  3. Javascript
  4. react-intl实现React国际化多语言的方法

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

上传者: 2021-12-05 06:40:54上传 PDF文件 172.71 KB 热度 17次

目前我们管理资源文件的方式是在 src/locales 文件夹下:*.messages.js 是我们的资源文件,返回的是一个对象,key 为我们翻译用的 id,value 为具体语言的翻译,内容是:en-US.js 文件封装了 messages、locale 等国际化上下文组件需要的内容:有了这些资源文件以及相关的封装之后,我们就可以在 LocaleProvider 和 InltProvider 中使用了。上一步我们创建了不同语言版本的国际化资源文件,我们还需要一个函数能够根据语言,加载对应的资源文件:react-intl 在做国际化的时候需要一些特有的 local data,主要是进行相对时间翻译时,比如昨天、今天、明天、几分钟前、几个月前之类的。我们通过 addLocaleData 这个方法加载相关内容,大家可以根据实际情况加载需要的 locale-data。a. 这个组件用于格式化字符串,是所有的组件中使用频率最高的组件。

用户评论