在函数中使用JS i18n

时间:2017-07-28 07:08:58

标签: javascript reactjs i18next react-i18next

我有很多这样的功能:

window.onload

但在这里我收到了一个错误。 - > t不是函数..

因为缺少这个:

export function dialogContent() {
    const { t, i18n } = this.props;

    switch (this.state.dialogHandlerVariable) {
        //Delete changeLog
        case 0:
            return (<div> {t("dialog.dashboard.changelog.deleteChangelog.body")}</div>);
    }
}

如何将翻译('翻译')部分添加到函数中?

感谢

1 个答案:

答案 0 :(得分:4)

只需要组件的翻译 - &gt;它声明组件在转换更改时被重新呈现,或者如果设置,则组件等待在初始呈现之前加载转换文件。

在函数中使用i18next,只需:

import i18n from '../i18n'; // assuming you got a i18n instance configured and exported like in the samples - else just import i18n from 'i18next';

export function dialogContent() {
    const t = i18n.t;

    switch (this.state.dialogHandlerVariable) {
        //Delete changeLog
        case 0:
            return (<div> {t("dialog.dashboard.changelog.deleteChangelog.body")}</div>);
    }
}

在调用函数之前,请确保已加载翻译。