Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript React Basics (2018) 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,124 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,330 Points
Joe Elliot
Joe Elliot
5,330 Points

Legend, thank you!