Javascript 将ChromeAPI与React.js一起使用

我一直在尝试使用React制作一个简单的Chrome扩展。清单如下所示：

{
  "name": "New Tab",
  "version": "1.0",
  "manifest_version": 2,
  "description": "A minimalist replacement for Chrome's New Tab page.",
  "chrome_url_overrides": {
    "newtab": "index.html"
  },
  "permissions": ["tabs", "topSites"]
}

我不知道如何在React中实际使用Chrome topSites API。我一直在看文档，但没有提供太多的见解。我正试图做类似的事情来获取一个数据数组

chrome.topSites.get(console.log)

但是,

'chrome' is not defined  no-undef

---

您需要禁用ESLint规则，然后再次启用它：

/* eslint-disable no-undef */
function callback(val) {
    console.log(val)
}

chrome.topSites.get(callback);
/* eslint-enable no-undef */

---

您可以通过在文件顶部添加

/*全局chrome*/

来定义chrome

比如说

    /*global chrome*/
import React, { Component } from 'react';
import './App.css';

    class App extends Component {
        componentWillMount() {
            chrome.storage.local.set({ 'data' : 'Your data'}, function(result) {
                console.log(" Data saved ")
            });
        }

        render() {
            return (
              <div className="App">
              </div>
            );
        }
    }

    export default App;

/*全球chrome*/
从“React”导入React，{Component}；
导入“/App.css”；
类应用程序扩展组件{
组件willmount（）{
chrome.storage.local.set（{'data'：'Your data'}，函数（结果）{
console.log（“保存的数据”）
});
}
render（）{
返回(
);
}
}
导出默认应用程序；

非常感谢您的支持。我为此挣扎了很长一段时间。