Inspecting Component Trees & Props
Drill into component hierarchies and read live prop and state values.
Welcome
In this lesson you will learn to drill into nested component hierarchies in React DevTools and read complex prop and state values from the Components panel sidebar.
The Component Tree Is a Mirror
Every component you see in DevTools mirrors your JSX nesting. The root is usually your App component. Children are indented beneath their parents, exactly as they appear in source code.
All lessons in this course
- Installing & Opening React DevTools
- Inspecting Component Trees & Props
- Using the Profiler Tab
- Debugging Common React Errors