Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

JavaScript React Basics Thinking in Components React Developer Tools

Vijayalaxmi vastrad
Vijayalaxmi vastrad
2,789 Points
Posted by Vijayalaxmi vastrad
Vijayalaxmi vastrad
2,789 Points

I can't expand the component in React dev tools to see the actual tree

can anyone pls help me with this

Andrea Zajicova
Andrea Zajicova
7,112 Points

Thank you, Joshua Lucas :) It did help me! :)

1 Answer

Joshua Lucas
Joshua Lucas
8,778 Points
Joshua Lucas
Joshua Lucas
8,778 Points

If you are using Chrome or Firefox click the Components tab and then look right under the close button you'll see four icons. The Icon that looks like an eye will allow you to "Inspect the matching DOM element". The last of the four icons, which looks like this <>, will allow you to view the source for the element.

also you can go to the settings tab then under the Components tab get ride of all filters in "hide components where.." that should allow you to see the tree.

Hope this helps!

Joe Elliot
Joe Elliot
5,329 Points
Joe Elliot
Joe Elliot
5,329 Points

Legend, thank you!