如何在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價值，而是採用了相同的情況下，因爲它是從調用的函數 - 在這種情況下，你的應用程序。