在react中使用redux更改语言环境

时间:2019-10-31 09:31:20

标签: reactjs redux react-redux i18next

我有一个启用了i19next的非常基本的react应用。

这是我的基本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,我会看到翻译效果很好

我遇到的问题是如何从按钮或下拉菜单动态更改它。

我创建了两个按钮,ENDE,当我单击其中两个按钮时,都可以像以下商店进行配送:

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

0 个答案:

没有答案