При загрузке страницы я хочу установить язык по умолчанию 'lt' и написать 'Početna' в теге Translate, но я получаю сообщение об ошибке, что отсутствует перевод для языка 'Missing translationId: pocetna для языка: $ {languageCode}'
Когда я выбираю язык 'Latinica' в теге первый раз, я получаю хороший перевод, Перевод тега пишите правильное имя 'Početna, но когда я хочу изменить язык, я должен выбрать и дважды щелкнуть по языку в меню выбора ..например, я нажимаю на язык «Cirilica» и остаюсь «Почетна», затем второй раз нажимаю «Cirilica» и затем получаю правильный перевод «Почетна» ... То же самое происходит, когда я хочу изменить язык на «Latinica»
может кто-нибудь мне помочь?это мой код ...
class MainApp extends React.Component {
constructor(props){
super(props);
this.state = {
slag: 'lt',
translations : {
pocetna: ['Početna', 'Почетна'],
farewell: ['Dovidjenja', 'Довиђења']
}
}
this.props.initialize({
languages: [
{name: "Latinica", code: "lt"},
{name: "Cirilica", code: "cr"}
],
options: {
renderToStaticMarkup,
defaultLanguage: 'lt'
}
});
this.props.addTranslation(this.state.translations);
this.props.setActiveLanguage(this.state.slag);
this.onChangeLanguage = this.onChangeLanguage.bind(this);
}
onChangeLanguage(_slag) {
console.log('onChangeLanguage: ', _slag.value)
this.setState({slag: _slag.value})
this.props.setActiveLanguage(this.state.slag);
}
render() {
const languageInSelect = [
{ label: 'Latinica', value: 'lt' },
{ label: 'Cirilica', value: 'cr' }
];
return(
<Router>
{/* Lucida Console, Monaco, monospace */}
<div className="container-fluid" style={{'fontFamily':'Arial'}}>
<Route path='/login' component={Login} />
<PrivateRoute path='/' component={App} />
<div style={{'width': '300px', 'marginLeft': '645px'}}>
<Translate id="pocetna"></Translate>
<Select
onChange={this.onChangeLanguage}
options={languageInSelect}
defaultValue={{label: 'Latinica', value: 'lt'}}
/>
</div>
</div>
</Router>
);
}
}