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

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

google-chrome-devtools reactjs

reactjs

React Dev tools show my Component as Unknown

reactjs google-chrome-devtools

reactjs

React tab doesn't appear in chrome developer tools

reactjs google-chrome-extension google-chrome-devtools

reactjs

Can I view/modify the Redux store using Chrome Dev Tools

javascript reactjs redux google-chrome-devtools react-redux

reactjs

React debug in browser when using bundle.js

javascript debugging reactjs google-chrome-devtools webpack

reactjs

React Native Debugging with Async/Await

reactjs react-native google-chrome-devtools create-react-app react-native-debugger

reactjs

ReactJS chrome extension installed but not showing up

google-chrome-extension google-chrome-devtools reactjs

reactjs

Styled Component styles are disabled in Chrome DevTools

css reactjs google-chrome-devtools styled-components gatsby

reactjs

React.js app using up a lot of memory ( almost double the original implementation )

javascript memory google-chrome-devtools reactjs

reactjs

Listeners in Chrome dev tools' performance profiling results

javascript reactjs google-chrome-devtools profiling setinterval

reactjs

React 16 : componentDidUpdate Warning: Scheduled a cascading update

performance reactjs redux react-redux google-chrome-devtools

reactjs

How can I measure wasted renders in React 16?

javascript performance reactjs google-chrome-devtools

reactjs

"TypeError: Cannot read property 'pseudoType' of undefined" with chrome-devtools

reactjs electron google-chrome-devtools

reactjs

React app slows to a crawl with chrome developer tools open. Works fine in incognito

reactjs google-chrome google-chrome-devtools

reactjs

Electron.JS + devtoolsinstaller: 'BrowserWindow.addDevToolsExtension' is deprecated and will be removed. Please use 'session.loadExtension' instead

javascript node.js reactjs electron google-chrome-devtools

reactjs