Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在函数中使用react JS i18n_Javascript_Reactjs_I18next_React I18next - Fatal编程技术网

Javascript 在函数中使用react JS i18n

Javascript 在函数中使用react JS i18n,javascript,reactjs,i18next,react-i18next,Javascript,Reactjs,I18next,React I18next,我有很多这样的功能: export function dialogContent() { const { t, i18n } = this.props; switch (this.state.dialogHandlerVariable) { //Delete changeLog case 0: return (<div> {t("dialog.dashboard.changelog.deleteChangelo

我有很多这样的功能:

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>);
    }
}
如何将translate(“translations”)部分添加到函数中


谢谢

翻译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>);
    }
}
从“../i18n”导入i18n;//假设您像示例中一样配置并导出了一个i18n实例,否则只需从“i18next”导入i18n即可;
导出函数dialogContent(){
常数t=i18n.t;
开关(this.state.dialogHandlerVariable){
//删除变更日志
案例0:
返回({t(“dialog.dashboard.changelog.deleteChangelog.body”);
}
}

只需确保在调用函数之前加载了翻译

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>);
    }
}
从“../i18n”导入i18n;//假设您像示例中一样配置并导出了一个i18n实例,否则只需从“i18next”导入i18n即可;
导出函数dialogContent(){
常数t=i18n.t;
开关(this.state.dialogHandlerVariable){
//删除变更日志
案例0:
返回({t(“dialog.dashboard.changelog.deleteChangelog.body”);
}
}

只需确保在调用函数之前加载了翻译

如果将
对话框内容
用作组件,则它是无状态的。所以没有
状态
这个
,等等。问题是我的函数中需要这个部分
翻译('translations'),
,然后添加它:)。您如何使用dialogContent?但在何处以及如何使用?dialogContent是一个导出的函数,我将它绑定到组件的构造函数中。请添加使用该函数的部分,否则问题不清楚,对将来的读者没有用处。您需要在使用
dialogContent
的组件上使用
translate
HOC,如果将
dialogContent
用作组件,则该组件是无状态的。所以没有
状态
这个
,等等。问题是我的函数中需要这个部分
翻译('translations'),
,然后添加它:)。您如何使用dialogContent?但在何处以及如何使用?dialogContent是一个导出的函数,我将它绑定到组件的构造函数中。请添加使用该函数的部分,否则问题不清楚,对将来的读者没有用处。您需要在正在使用对话框内容的组件上使用
translate
HOC