0

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 のままにしておきますか?

4

1 に答える 1