React-devtools: Request support toggle hide element or only show component mode

Created on 2 Aug 2017  路  5Comments  路  Source: facebook/react-devtools

Something the page show lots of tags, but I just want focus component.

Most helpful comment

@bvaughn Of course, vue-devtools only show component in window and sometimes I just want a toggle to hide html tag like header, p and div, make interface more cleaner.

image

image

All 5 comments

I'm not sure I understand what you're suggesting @Riokai. Could you elaborate?

I _think_ you might be requesting some sort of toggle that only shows DOM elements _or_ custom components in the tree view. I'm not sure how this would work from a UI perspective though.

Have you seen the inspect element button in the top-left corner of DevTools (shown below)? This button lets you click on an element (in the browser tab) and auto-selects that element in React DevTools.
screen shot 2017-08-02 at 8 24 39 am

@bvaughn Of course, vue-devtools only show component in window and sometimes I just want a toggle to hide html tag like header, p and div, make interface more cleaner.

image

image

+1

+1

React DevTools has been rewritten and recently launched a new version 4 UI. The source code for this rewrite was done in a separate repository and now lives in the main React repo (github.com/facebook/react).

Because version 4 was a total rewrite, and all issues in this repository are related to the old version 3 of the extension, I am closing all issues in this repository. If you can still reproduce this issue, or believe this feature request is still relevant, please open a new issue in the React repo: https://github.com/facebook/react/issues/new?labels=Component:%20Developer%20Tools

Was this page helpful?
0 / 5 - 0 ratings