How do I use React Developer Tool's "open in editor" functionality?

1.4k views Asked by At

config panel

OK let's say I have it configured with the default. How do I then open a component from the components tree in my editor?

There's nothing on the right click menu:

right click menu

If you hover over all the icons on the right side none of them are anything like "open in editor":

right side panel

The eyeball is the obvious choice but it just goes to the Elements tab in Chrome.

How do I actually use "Open in Editor"? There's no documentation that I can find about it.

2

There are 2 answers

1
郑建宙 On

I have the same problem and figured out that "open in editor" only works in StrictMode

0
Andrew On

This comment shows the button location. On my machine, it looks like:

Arrow pointing to the "Open in Editor" icon in React DevTools

I noticed that the button did not appear until I configured "Open in Editor URL," but it appears that you've done so. It looks like you have curly braces around file, which I'm not sure is correct. Nevertheless, those curly braces don't stop the button from appearing for me.