使用in函數反應JS i18n

Question

我有很多這樣的功能：

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

但是這里我有一個錯誤。 -> t不是函數..

因為這是缺少的：

export default compose(
    translate('translations'),
    connect()
)(LanguageChooser);

我怎樣才能將translate（'translations'）部分添加到函數中？

謝謝

Answer 1

僅組件需要translate hoc->它斷言在轉換更改時或如果設置了轉換就重新渲染組件，以便組件在初始渲染之前等待加載翻譯文件。

在函數內使用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>);
    }
}

只需確保在調用函數之前加載了翻譯即可。