0

我一直在尝试使用以下链接中的代码来实现 react-i18next (10.9.0)：

https://codesandbox.io/s/l23no88qmz?from-embed

但我得到了错误：

Attempted import error: 'translate' is not exported from 'react-i18next'.

从 [ https://github.com/i18next/react-i18next/issues/810 ]，我知道在 v8 中使用了“翻译”，而 v10 使用了钩子。

我想知道我是否可以在没有钩子的情况下使用 react-i18next (10.9.0)？如果是，我应该使用什么来代替“翻译”？

4

2 回答 2

1

react-i18nextv10 已经专门重构以使用钩子，因此您需要调整代码以支持钩子，或者使用旧的 v9 版本。

于 2019-10-21T10:35:42.150 回答
0

您可以将钩子转换为道具并将其发送到组件。

import {useTranslation} from 'react-i18next';

class XXX extends React.Component {
    render() {
          const {i18nTranslation} = this.props;

          return <div>{i18nTranslation.t('welcome.msg')}</div>
    }
}

export default connect(mapStateToProps, mapDispatchToProps)(function (props) {
     const i18nTranslation = useTranslation();
     return <XXX {...props} i18nTranslation={i18nTranslation} />
});
于 2020-12-09T17:23:51.040 回答