使用in函数反应JS i18n

Question

I have lots of functions like this:

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

but here I got an error. -> t is not a function ..

because this is missing:

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

how can I add the translate('translations') part to a function?

thanks

Answer 1

the translate hoc is only needed for components -> it asserts components get rerendered on translation change or if set so the component waits for translation files to be loaded before initial render.

to use i18next inside a function, just:

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

Just make sure you loaded the translations before calling your functions.