react项目从无到有 做国际化

公司之前只是用react做了一个系统,但是后来说要做国际化,要做英文版,当时这个任务交给我的时候真头大,因为vue国际化还好做点,这个react做国际化,还我一个人完全,真是有点懵。后来开始各种搜索记录,完善,最后终于在自己的努力下完成了这个工作。下面是记录的一些要点,都是实际工作中遇到的。在此记录一下,同时也跟其他跟我一样最开始做react项目的小伙伴一个算 不是建议的的建议吧。首先,我用的...
摘要由CSDN通过智能技术生成

公司之前只是用react做了一个系统,但是后来说要做国际化,要做英文版,当时这个任务交给我的时候真头大,因为vue国际化还好做点,这个react做国际化,还我一个人完全,真是有点懵。后来开始各种搜索记录,完善,最后终于在自己的努力下完成了这个工作。下面是记录的一些要点,都是实际工作中遇到的。在此记录一下,同时也跟其他跟我一样最开始做react项目的小伙伴一个不是建议的的建议吧。

首先,我用的是react-intl-universal框架,它的github地址地址是这个:https://github.com/alibaba/react-intl-universal

在这个上面有个官方的小例子,可以先下载下来看看是如何使用的。

其次,拿到这个小例子以后自己去看下这个例子的入口文件是怎么设置的,与此同时找到你的项目的入口文件,对其例子中的代码有针对性的进行改造。看自己项目实际需要进行修改。关于切换语言的样式,看自己实际需要进行修改。因为我是两个项目串行的,可理解为从A项目跳转到B项目,因为要求两个项目的切换样式保持的是一样的,所以我的项目是这个样式的。见图如下:

这个样式的话,因人而异,因项目而异,看实际项目的需要。

下面来说下,我改国际化项目中一些我觉得关键的点:

首先,项目默认是中文的网站,在点击

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值