title: How do you inspect a react element's props & state in the console?
body: <p><a href="https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en">React Developer Tools</a> give a lot of power to inspect the React component tree, and look at props, event handlers, etc. However, what I'd really like to do is to be able to inspect those data structures in the browser console.</p>
  
  <p>In chrome I can play with the currently selected DOM element in the console using <code>$0</code>. Is there a way to extract React component info from <code>$0</code>, or is it possible to do something similar with the React Dev Tools?</p>