Skip to content

Latest commit

 

History

History
13 lines (10 loc) · 642 Bytes

visually-select-a-react-element-for-inspection.md

File metadata and controls

13 lines (10 loc) · 642 Bytes

Visually Select A React Element For Inspection

Similar to the Elements tab of Chrome devtools, the React devtools extension provides a visual element selector to make it easier to inspect an element you can see in the browser.

select and inspect a react component

Open the React devtools, click the crosshair icon, hover around the browser until the element you are looking for is visually highlighted, and then click. The React component hierarchy will be expanded to reveal that element. You can now inspect it or quickly navigate to nearby elements.