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

Question

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

e.g。 $（'。todo-list'）。react.props ??

Answer 1

如果你不能欺骗React内部或暴露它们，另一种访问React节点的方法是这样的：

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

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