title: React - getting a component from a DOM element for debugging
body: <p>For the purposes of debugging in the console, is there any mechanism available in React to use a DOM element instance to get the backing React component?</p>
  <p>This question has been asked previously in the context of using it in production code. However, my focus is on development builds for the purpose of debugging.</p>
  <p>I'm familiar with the <a href="https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en" rel="noreferrer">Chrome debugging extension for React</a>, however this isn't available in all browsers. Combining the DOM explorer and console it is easy to use the '$0' shortcut to access information about the highlighted DOM element.</p>
  <p>I would like to write code something like this in the debugging console:
  getComponentFromElement($0).props</p>
  <p>Even in a the React development build is there no mechanism to use maybe the element's ReactId to get at the component?</p>