same instance of a class object across multiple javascript files?

Question

Considering the following code:

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;

I want the currentStrings object be the same across all other js files that will use it. However i am not exactly sure how since i can export one instance that will always contain engstrings but will not change universally if one js page decides to switch it up.

but will not change universally — what has led you to believe that's true? — Pointy
– Pointy, Commented Aug 30, 2020 at 20:33
well i am not sure how javascript handles exports of objects. It actually exports the same reference across all files? — Scary Monsters
– Scary Monsters, Commented Aug 30, 2020 at 20:35
Yes, the expectation is that if module A exports a single object, all other modules get a reference to the same one. — Pointy
– Pointy, Commented Aug 30, 2020 at 20:38

arnelisk · Accepted Answer · 2020-08-30 20:40:17Z

1

I would recommend you to look into React Context. This is the link to the documentation: https://reactjs.org/docs/context.html

Instead of using a class you could just use context instead and wrap your main App.js file with it. This is the first solution that comes to mind for me and is probably the most complete.

answered Aug 30, 2020 at 20:40

arnelisk

962 bronze badges

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

Collectives™ on Stack Overflow

same instance of a class object across multiple javascript files?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related