Как реализовать локализацию в reactjs?
Нам нужно реализовать локализацию в reactjs, чтобы определить строку
значение (ы). Как я могу это реализовать?
Одно звено есть https://www.npmjs.com/package/react-localization , но я не получаю шагов, чтобы добавить это.
Я попытался сделать следующие шаги: -
Я добавляю свой компонент в ES6:--
Класс Home расширяет React.Деталь
{
конструктор (реквизит) {
супер (реквизит);
}
render() {
return (
<Text>{strings.how}
</Text>
);
}
}
Я добавил код локализации как:-
Импорт 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"
}
});
Теперь, если вы увидите выше: - {строки.как} я должен уметь
чтобы получить значение строки, как это определено в локализации, но я не
в состоянии сделать это.
1 ответ:
Yahoo создала пакет для реализации локализации в React, который может быть тем, что вы ищете: https://github.com/yahoo/react-intl он заботится о "датах, числах и строках, включая плюрализацию и обработку переводов".
Comments