Chrome扩展（内容脚本）+反应：从DOM获取React组件？

问题描述：

据我所知，有一个Chrome扩展“React Dev Tools”，可以检查React应用程序。想知道，如果可以从网页上注入的Chrome扩展内容脚本中读取与React组件对应的道具。Chrome扩展（内容脚本）+反应：从DOM获取React组件？

例如$（'。todo-list'）。react.props ??

^问题主要是关于获取对React节点的引用，所以可以访问道具 – Ameya

Spoof React.render并分配属性：[React - 从DOM元素获取组件以进行调试]（// *.com/a/37230133） – wOxxOm

答

如果你不能欺骗阵营内部或暴露它们，另一种方式来访问节点做出反应是这样的：

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

这会给你有根在_currentElement关键阵营元素的对象。