天天看点

react i18n 实现国际化

为了让react 实现本地语言,就需要i18n

当然首先就要npm install

npm install react-intl --save

安装好intl,这个组件依赖react 版本为 0.14.0 以上 或者 15.0.0以上

如果是0.13.0 的 就要对react 升级,主要 

0.14以后react 对组件进行了分离,分为 react 和react-dom 还有react-addons

正文开始

建立语言文件:data.json  汉字进行Unicode编码转换

创建 Translate.js 组件

这个需要 intlprovider 用来传递 给子类 语言信息

父级组件

需要实现 本地化的 view 组件

引入 

react-intl 还有其他很多 功能  时间

<FormattedMessage id={×××} />  id 值就是你要的显示的文字  当然还可以有其他属性

description='say hello todescription'

defaultMessage='Hello, defaultMessage'

react i18n 实现国际化

直接传递字符串时 需要通过defineMessages 来对字符进行转换

有需要的交流的可以加个好友