天天看點

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 來對字元進行轉換

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