Reactjs Chrome扩展(内容脚本)和#x2B;React:从DOM获取React组件?

Reactjs Chrome扩展(内容脚本)和#x2B;React:从DOM获取React组件?,reactjs,google-chrome-extension,Reactjs,Google Chrome Extension,我知道,有一个chrome扩展名“React-Dev-Tools”,可以检查React应用程序。想知道,是否有可能从网页上注入的Chrome扩展内容脚本中读取对应于React组件的道具 e、 g.$(“.todo list”).react.props???如果您无法欺骗react内部或公开它们,则访问react节点的另一种方法如下: const root = document.querySelector('[data-reactroot]'); const instance = root[Obj

我知道,有一个chrome扩展名“React-Dev-Tools”,可以检查React应用程序。想知道,是否有可能从网页上注入的Chrome扩展内容脚本中读取对应于React组件的道具


e、 g.$(“.todo list”).react.props???

如果您无法欺骗react内部或公开它们,则访问react节点的另一种方法如下:

const root = document.querySelector('[data-reactroot]');
const instance = root[Object.keys(root)[0]];

这将为您提供一个在_currentElement键中具有根React元素的对象。

^问题主要是关于获取对React节点的引用,以便访问React.render的propsSpoof并分配属性: