chrome.storage.sync.getの後の内部関数の呼び出し方法chrome extension + reactjsのコールバック？

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

コールバックの内部にアプリのコンテキストを保持する必要があります。この場合は、あなたのアプリ - 代わりに、独自のthis値をバインドしていない私はarrow functionにコールバックを変更

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

注意は、それが呼び出された関数と同じコンテキストを使用しています。