ReactJS和Singleton问题随着更新

发布于 2025-01-30 21:16:25 字数 589 浏览 1 评论 0原文

首先，我知道在React App中共享此类数据不是很好的做法，但是 - 说“我别无选择” 现在，我在ReactJ中与Singleton有一个问题。我可以看到，如果我试图获得Singleton的实例 - 构造函数只能工作一次。在构造函数内部，我对Web插座有订阅，该Web插座更新了Singleton内部的数据。但是，然后我尝试从应用程序中的不同位置（不更新）传达数据显示我的版本，然后我进行了实例。我该如何解决？

export default class Manager {
    constructor(){
        this.data = null;
        socket.on('event', this.parseData)
    }

    static getInstance(){
       if (!this.instance) {
         this.instance = new QuotasManager();
       }
      return this.instance;
    }
   
   parseData(data){ ///parsedata}
   
   getData(){ return this.data}

}

原文

Firstable, I know its not good practice to share data like this in react App,
But - let say "I have no choice"
Now I have an issue with singleton in ReactJs.
I can see that if i trying to get instance of singleton - constructor works only once.
Inside constructor I have subscription to web socket which updates data inside singleton.
But then Im try to reach the data from different places in app - its not update - shows me version then I took instance. How can I solve it?

export default class Manager {
    constructor(){
        this.data = null;
        socket.on('event', this.parseData)
    }

    static getInstance(){
       if (!this.instance) {
         this.instance = new QuotasManager();
       }
      return this.instance;
    }
   
   parseData(data){ ///parsedata}
   
   getData(){ return this.data}

}

分享到QQ

分享到微博