React - 从子DOM元素中获取React组件？

3 回答

• 4

  没有 .

  React的一个核心概念是你实际上没有DOM中的控件 . 相反，您的控制是工厂功能 . DOM中的内容是控件的当前呈现 .

  如果确实需要这个，可以将对象保存为全局变量，其键是工厂函数名称的字符串表示形式，其值是工厂函数，然后在可渲染div上保留包含名称的属性工厂功能 .

  但很有可能这是XY问题的问题（需要X，看Y的方式，然后询问如何做Y） . 可能如果你解释你的目标，那么更好的方法更适合React的自上而下的概念模型 .

  一般来说，要求从其渲染中访问控件就像是要求从其缓存的PNG渲染中访问SVG . 这是可能的，但它通常是一个红旗，其他东西在概念上是错误的 .

  回复于 2024-04-27T04:41:18+08:00
• 6

  以下是我使用的React 15.3.0：

  window.FindReact = function(dom) {
      for (var key in dom) {
          if (key.startsWith("__reactInternalInstance$")) {
              var compInternals = dom[key]._currentElement;
              var compWrapper = compInternals._owner;
              var comp = compWrapper._instance;
              return comp;
          }
      }
      return null;
  };
  

  然后使用它：

  var someElement = document.getElementById("someElement");
  FindReact(someElement).setState({test1: test2});
  

  回复于 2024-04-27T04:41:18+08:00
• 15

  如果你的situtation要求从DOM节点获取react元素，这里有一种方法，“通过事件和回调进行通信”

  您将在DOM元素上触发自定义事件，并在React组件中为该自定义事件提供事件侦听器 . 这会将DOM元素映射回反应组件 .

  回复于 2024-04-27T04:41:18+08:00