reactjs - Chrome 扩展(内容脚本)+ React : getting React component from DOM?

Question

我了解，有一个 chrome 扩展“React Dev Tools”可以检查 React 应用程序。想知道，是否可以从网页上注入(inject)的 Chrome 扩展内容脚本中读取与 React 组件对应的 Prop 。

例如$('.todo-list').react.props ??

Answer 1

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

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

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