如何在reactjs中實現本地化？

Question

我們需要在reactjs中實現本地化以定義字符串 值。我怎樣才能實現呢？

一個鏈接是https://www.npmjs.com/package/react-localization，但我沒有得到添加該步驟的步驟。

我已經通過以下步驟嘗試： -

1. 我加入我的組件在ES6： -

   類家庭擴展React.Component { 構造（道具）{ 超（道具）;

   } 
   
   render() { 
       return (
        <Text>{strings.how} 
       </Text> 
   
   ); 
   } 
   

   }

2. 我已經加入的定位代碼爲： - 從 '反應定位'

進口LocalizedStrings;現在

let strings = new LocalizedStrings({ 
    en:{ 
     how:"How do you want your egg today?", 
     boiledEgg:"Boiled egg", 
     softBoiledEgg:"Soft-boiled egg", 
     choice:"How to choose the egg" 
    }, 
    it: { 
     how:"Come vuoi il tuo uovo oggi?", 
     boiledEgg:"Uovo sodo", 
     softBoiledEgg:"Uovo alla coque", 
     choice:"Come scegliere l'uovo" 
    } 
}); 

，如果你會看到上面： - {} strings.how我應該能夠 因爲它是在本地化定義，但我不 能夠做到這一點，以獲得字符串值。

Answer 1

雅虎已經創建了一個用於在React中實現本地化的軟件包，可能是您正在尋找的軟件：https://github.com/yahoo/react-intl。它處理「日期，數字和字符串，包括複數和處理翻譯」。