React.js を使用して、クロム コンテンツ スクリプトでコンポーネントを作成しています。
ローカル ストレージ内のデータが変更された場合、react コンポーネントは再レンダリングする必要があります。
readUserInfo : function() {
chrome.storage.onChanged.addListener(function(object changes, string areaName) {
this.setState({userInfo:changes["userInfo"].newValue});
});
マウント機能付き
componentDidMount: function() {
this.readUserInfo();
}
もちろん、jsx コンパイラは chrome API 呼び出しについて不平を言います。jsx コンパイラにこの行を無視させるにはどうすればよいですか。つまり、vanilla js のままにしておきますか?