首頁 > web前端 > js教程 > 主體

React-intl 實作多語言範例詳解

小云云
發布: 2017-12-28 10:39:02
原創
2724 人瀏覽過

最近在專案中加入了語言國際化的功能。本文主要介紹了React-intl 實作多語言的範例程式碼,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟著小編過來看看吧,希望能幫助大家。

語言國際化,也有人說成是語言在地化,其實就是為Web App添加多語言,我們的專案目前包含了中文版和英文版,按理來說『逐字替換』也不是多大事兒,但是,這麼Low的做法,有錢途嗎?

一開始的時候,我考慮的是傳統的為整個專案添加config文件,根據不同的語言和地區,載入不同的config文件,就能夠達到介面語言切換的目的。當然,也正是因為這個想法太過於幼稚,所以才被稱為『一開始』的想法。語言的國際化不僅是將介面上的UI文字翻譯成另一種語言,還包括了日期&時間顯示,數字顯示(英文環境下每隔3位一個逗號:1,000),量詞的顯示(一個蘋果是apple,兩個蘋果就應該是apples),甚至還有一個字符串中間插了一個變量的情況("今天午餐吃了{count}個雞腿")...

所以這並不只是一個簡單的字元替換問題,而且,我們要很方便的匯出一個目錄,放到word或page當中,給到其他同事對照著進行翻譯工作,這個非常重要! !難道你要讓產品經理直接在程式碼裡改麼?或者你想一個一個搜尋替換?不考慮清楚就乾的話,相信我,You'll pay for this。

身為一個有追求的程式碼家,你一定不希望在index.html當中增加一行

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板