Как реализовать локализацию в reactjs?




Нам нужно реализовать локализацию в reactjs, чтобы определить строку
значение (ы). Как я могу это реализовать?




Одно звено есть https://www.npmjs.com/package/react-localization , но я не получаю шагов, чтобы добавить это.



Я попытался сделать следующие шаги: -





  1. Я добавляю свой компонент в ES6:--



    Класс Home расширяет React.Деталь
    {
    конструктор (реквизит) {
    супер (реквизит);



    }

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

    );
    }


    }



  2. Я добавил код локализации как:-



Импорт LocalizedStrings из 'react-localization';



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"
}
});



Теперь, если вы увидите выше: - {строки.как} я должен уметь
чтобы получить значение строки, как это определено в локализации, но я не
в состоянии сделать это.


577   1  

1 ответ:

Yahoo создала пакет для реализации локализации в React, который может быть тем, что вы ищете: https://github.com/yahoo/react-intl он заботится о "датах, числах и строках, включая плюрализацию и обработку переводов".

Comments

    Ничего не найдено.