Reactjs 使用I18n.t helper进行react-redux-I18n区域设置更新
我正在使用Reactjs 使用I18n.t helper进行react-redux-I18n区域设置更新,reactjs,translation,react-redux,Reactjs,Translation,React Redux,我正在使用react-redux-i18n,更新i18n.t帮助程序时遇到问题 我有一个按钮调用一个动作,该动作分派setLocale的react-redux-i18n: <FlatButton label={languageToDisplay} labelStyle={styles.buttonLabel} onClick={() => this.props.actions.setLanguage(languageToDisplay)
react-redux-i18n
,更新i18n.t帮助程序时遇到问题
我有一个按钮调用一个动作,该动作分派setLocale的react-redux-i18n
:
<FlatButton
label={languageToDisplay}
labelStyle={styles.buttonLabel}
onClick={() => this.props.actions.setLanguage(languageToDisplay)}
style={styles.button}
/>
虽然它确实更改了I18n.\u locale
,但它不会重新呈现和翻译文本。有人知道怎么做吗
我使用的是react-redux-i18n
,因为我喜欢react-native
的翻译方式,即:i18n.t(…)
它是干净的,并且它不会只为翻译而强制使用奇怪的组件,例如
或
如果有人知道如何修复它,或者有另一个库具有与
react-redux-i18n
相同的翻译风格,请告诉我:)找到了解决此问题的方法:
import React, { Component } from 'react';
import { connect } from 'react-redux';
@connect(state => ({
i18n: state.i18n, // <= this makes your component rerender on language change
}), dispatch => ({ dispatch }))
class SomeClass extends Component {
......
}
import React,{Component}来自'React';
从'react redux'导入{connect};
@连接(状态=>({
i18n:state.i18n,/({dispatch}))
类SomeClass扩展组件{
......
}
告诉我您是否有更好的方法。找到了解决此问题的方法:
import React, { Component } from 'react';
import { connect } from 'react-redux';
@connect(state => ({
i18n: state.i18n, // <= this makes your component rerender on language change
}), dispatch => ({ dispatch }))
class SomeClass extends Component {
......
}
import React,{Component}来自'React';
从'react redux'导入{connect};
@连接(状态=>({
i18n:state.i18n,/({dispatch}))
类SomeClass扩展组件{
......
}
告诉我你有没有更好的方法