react-intl-universal使用时英文变量不会按照模板展示

最新推荐文章于 2024-05-14 09:40:59 发布

yovino

最新推荐文章于 2024-05-14 09:40:59 发布

阅读量759

点赞数

分类专栏：前端文章标签： react-intl-universal

本文链接：https://blog.csdn.net/yovino/article/details/87860874

版权

在进行网站中英文开发的时候，引入了阿里团队的react-intl-universal，但是在处理英文时经常会有英文需要复数展示的情况，还有单复数的动词等，需要根据不同变量值来确定。

首先需要引用中英文库，可以从通过接口去数据库取，也可以自己直接定义：

import EN from './locales/us-EN.json'

import CH from './locales/zh-CN.json'

const locales = {

    "en": EN,

    "zh": CH

};

之后先对该组件进行初始化，初始化完毕再渲染页面。因为我需要前端记住选择的模式，所以用了localStorage保证在关闭页面之后还记住该值。

intl.init({

    currentLocale: localStorage.getItem('lang_type')||'zh',

    locales

}).then(() => {

    this.setState({initDone: true});

});

其中要适配的两条信息是：

zh-CN.json

"PASSWOR

关注