2016-11-22 36 views
2

我们需要在reactjs中实现本地化以定义字符串 值。我怎样才能实现呢?如何在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我应该能够 因为它是在本地化定义,但我不 能够做到这一点,以获得字符串值。

回答

6

雅虎已经创建了一个用于在React中实现本地化的软件包,可能是您正在寻找的软件:https://github.com/yahoo/react-intl。它处理“日期,数字和字符串,包括复数和处理翻译”。