Reactjs 从React组件读取数据？

我希望能够在使用react的第三方网页上读取与react组件关联的数据。我希望能够在该页面上的Chrome开发控制台工具中使用javascript阅读这些内容。这可能吗

例如，我有一个由react绘制的TR元素。我希望使用常规document.getElementById（）获取此TR，然后使用它获取底层数据

使用React Developer Tools扩展，我可以看到我的数据就放在props.data下面——我如何读取这些数据

请注意，我将React视为一个黑盒子

注意：根据这个答案，我可以从DOM元素中获得react对象，它可以工作：

---

但是得到了这些，我怎么才能拿到道具呢？

啊哈，我找到了钥匙。在获取正确的DOM元素时需要小心。我在等级制度上做得太过分了。一旦我使用React-Dev工具扩展来“检查匹配的DOM元素”，那么我就拥有了正确的元素，并且能够获得它的道具。

Close-这一个让我能够访问我想要的元素。但我仍然不知道如何获得道具的东西。接近！

window.findReactComponent = function(el) {
  for (const key in el) {
    if (key.startsWith('__reactInternalInstance$')) {
      const fiberNode = el[key];

      return fiberNode && fiberNode.return && fiberNode.return.stateNode;
    }
  }
  return null;
};