如何在Chrome扩展程序中监听事件

Question

我正在尝试构建一个扩展程序，该扩展程序将通过iframe嵌入到任何网站中。我要构建的扩展是在React.js中开发的，我想听网站上单击的事件。我可以使用jquery和vanilla javascript监听事件，但不能在React中监听事件。有什么方法可以监听React中的事件？

我已经制作了一个组件并添加了事件侦听器，但它仅在iframe内而不是iframe之外侦听click事件。

componentDidMount () {
    document.getElementsByTagName('body')[0].addEventListener('click', this.event);
    window.addEventListener('click', this.event1)
}

event = (e) => {
  console.log(e);
}

event1 = (e) => {
  console.log(e);
}