How React Developer Tool works ?

Question

Mình thắc mắc 1 điều là cách react developer tool hoạt động, chỉ cần imspect 1 element và click component là nó có thể show tất cả cấu trúc của component render ra element đó ra, đồng thời lưu vào ...

Answer

```
window.FindReact = function(dom) {
            let key = Object.keys(dom).find(key => key.startsWith("__reactInternalInstance$"));
            let internalInstance = dom[key];
            if (internalInstance == null) return null;

if (internalInstance.return) { // react 16+
                return internalInstance._debugOwner
                    ? internalInstance._debugOwner.stateNode
                    : internalInstance.return.stateNode;
            } else { // react <16
                return internalInstance._currentElement._owner._instance;
            }
        }
```

1 ANSWERS