React-intl 實作多語言範例詳解-js教程-PHP中文網

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

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

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

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

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

熱門教學

更多>

相關教學