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

Question

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

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

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

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

   класса Home расширяет 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

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