У меня очень простое приложение реакции с включенным i19next.
Вот как выглядит моя основная конфигурация i18n:
import i18next from 'i18next';
import { resources } from './resources'
import store from '../store'
i18next.init({
lng: 'en',
resources,
fallbackLng: "en",
debug: true,
});
export default i18next
Это хорошо работает, и если я изменю lng
на de
, я вижу, что перевод работает нормально
Вопрос, который я имею, заключается в том, как динамически изменить его с помощью кнопки или раскрывающегося списка.
Я создал две кнопки, EN
, DE
, и когда я нажимаю на любую из них, я могу отправить магазин, например:
store.dispatch({type: 'TRANSLATION_CHANGE', locale})
``
The store is dispatched and EVERYTHING works, but I can't somehow get the store here:
```js
import store from '../store'
const state = store.getState();
console.log("getState", state) // works, I can see lang: 'DE' or 'EN'
i18next.init({
lng: state.lang, // NOT WORKING
resources,
fallbackLng: "en",
debug: true,
});