最近做的react项目需要支持国际化,网上查了一下,发现一款很好的插件“react-intl-universal”,由阿里巴巴团队开发,这款插件是原先的国际化插件“react-intl”的升级版,“react-intl”因为一些“致命”缺陷现已被其取代,npm官网有罗列原因,有兴趣的可以去了解一下。
1. 下载react-intl-universal插件并引入
import intl from 'react-intl-universal';
2. 创建中英文的js文件/json文件
3. en-US.js
export default {
system: 'EWarningSystem',
situation: 'The overall situation',
monitoring: 'Content monitoring',
groupMonitoring: 'A group monitoring'
}
4. zh-CN.js
export default {
system: '突发预警系统',
situation: '整体态势',
monitoring: '内容监测',
groupMonitoring: '群组监测'
}