将 chrome api 与 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。我一直在看文档https://developer.chrome.com/extensions/topSites https://developer.chrome.com/extensions/topSites但它并没有提供太多的见解。我正在尝试做这样的事情来获取一组数据。

chrome.topSites.get(console.log)

然而，

'chrome' is not defined  no-undef

您可以通过添加来定义 chrome/*global 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;