Today, while I was working on a bug, I found myself needing to copy a props of a React component, so I realized that the react dev tools did not have this functionality, after some searches, i found the solution.
EDIT: react dev tools has apretty simple solution, thanks to Eugene
- Open theReactDevTools in Browser
- Select the component that contains the props, in that you need copy(when you make this, the browser will be create a variable for save the component that you clicked, generally the name is $r)
- Open the console, and save the prop in another variable
- Use the copy method and "don't worry, be happy! :D" as me.
Cheers! 😗 😗 ❤️
Top comments(9)
Nice tip! There is also an easier way - just right-click on an element and select 'Copy element props'.
- Email
- LocationNY
- EducationMount Allison University
- PronounsHe/him
- WorkCo-founder at Forem
- Joined
Nice! This is gonna help a future searcher.
- LocationSomewhere south of Equador
- WorkFullstack Developer struggling with my frontend skills
- Joined
Nice tip! Only now I'm having the opportunity to get deeper with React. This will be helpful.
- LocationJaipur, India
- Joined
Reminds me of my first encounter of the same situation. I was aware of $, $$, $1 in DOM element panel, but no idea about React.
Definately a help for fellow dev.
- LocationVancouver, Canada
- EducationSoftware Engineer MBA
- WorkSoftware Developer at Global Relay
- Joined
Nice one!
- LocationCampina Grande, Brasil
- EducationComputer Science, Federal University of Campina Grande, Brazil.
- WorkSoftware Engineer Intern at VTEX
- Joined
Cool!
For further actions, you may consider blocking this person and/orreporting abuse
