How do you inspect a react element's props & state in the console?

Question

React Developer Tools 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 insp

Answer 1

Assign the state or prop object to the window object:

window.title = this.state.title

And then from the dev tools console you can try different methods on the exposed object such as:

window.title.length

8