如何在chrome扩展+ reactjs中调用chrome.storage.sync.get回调后的内部函数？

Question

我有reactjs的扩展。

我的组件有一些内部函数，我在chrome.storage.sync.get的回调后调用它们。

但我得到了“XXX不是功能”错误。

这是我的代码片段。

class App extends React.Component { 
    func1(){} 
    func2() { 
    chrome.storage.sync.get(null, function(data) { 
     this.func1(); 
     this.setState(...); 
    }) 
    } 

} 

我不能调用func1。

Answer 1

您需要在回调中保留应用的上下文。

class App extends React.Component { 
    func1(){} 
    func2() { 
    chrome.storage.sync.get(null, (data) => { 
     this.func1(); 
     this.setState(...); 
    }) 
    } 
} 

请注意，我改变了你的回调一个arrow function，不结合自己的this价值，而是采用了相同的情况下，因为它是从调用的函数 - 在这种情况下，你的应用程序。