react JS i18n using in functions

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

If you are using dialogContent as a component it is stateless. So no state, this, etc. — Yury Tarabanko
– Yury Tarabanko, Commented Jul 28, 2017 at 7:15
Problem is that I need this part translate('translations'), in my function — Felix
– Felix, Commented Jul 28, 2017 at 7:15
but where and how? dialogContent is an exported function, I bind it in the constructor of a component — Felix
– Felix, Commented Jul 28, 2017 at 7:17
Plz add the part where you use the function otherwise the question is not clear and not useful for future readers. You need to use translate HOC on the component where you are using dialogContent — Yury Tarabanko
– Yury Tarabanko, Commented Jul 28, 2017 at 7:20

Pawel Veselov · Accepted Answer · 2021-11-28 16:40:42Z

15

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 an 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.

edited Nov 28, 2021 at 16:40

Pawel Veselov

4,2738 gold badges50 silver badges71 bronze badges

answered Jul 28, 2017 at 8:53

jamuhl

4,5182 gold badges28 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mathias Bradiceanu Over a year ago

cont { t } = i18n;

Collectives™ on Stack Overflow

react JS i18n using in functions

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related