微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

跨多个javascript文件的类对象的相同实例?

如何解决跨多个javascript文件的类对象的相同实例?

考虑以下代码

import React from 'react';
import {strings as frstrings} from '../res/lang/fr/strings'
import {strings as engstrings} from '../res/lang/eng/strings'

class CurentLang {
     constructor(current){
        this.current = current;    
    }
    get current(){
        return this.current;
    }
    switchLang() {
        if(this.current === frstrings){
            this.current = engstrings;
        } else{
            this.current = frstrings;
        }
    }

}

var currentStrings = CurentLang(engstrings)

export default currentStrings;

我希望currentStrings对象在将使用它的所有其他js文件中都相同。但是我不确定如何导出一个实例,该实例将始终包含英语字符串,但是如果一个js页面决定对其进行切换,则不会进行通用更改。

解决方法

我建议您研究一下React Context。这是文档的链接:https://reactjs.org/docs/context.html

除了使用类外,您还可以使用上下文代替,并将主App.js文件包装在一起。这是我想到的第一个解决方案,可能是最完整的解决方案。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。