React-devtools: Feature request: ability to change props

[ffxsam]

It would be really useful if we could modify props!

[CoryDanielson]

:eyes:

[jaredly]

hmmm this used to work... but looks like a react optimization made it not work anymore
@spicyj is this now a wontfix?

[mrcwinn]

Confirmed this isn't working. Why is this considered a wontfix potentially? It's not clear to me the use case of this project without being able to edit props inline, other than to see the original markup of a component. Would love to see this return!

[sophiebits]

This seems like a valuable feature. I don't know what React needs to do for this to work but if React needs to be changed maybe we can do it.

[jaredly]

@spicyj I did a little digging and it looks like react only reads the props once, and then not again (and actually re-sets the props attribute to be the original props if it changes) -- unless it changes from the parent. I imagine this is an optimization, but it would be useful to be able to disable it -- maybe just on a per-instance basis? (like a dangerouslyEnableModifiableProps() or sth that devtools would call when a user wants to fiddle with the props)

[sophiebits]

Can you point me to the code you're looking at?

[jaredly]

Basically I put a breakpoint here, saw that the new props were set correctly, and then saw that the props were reset directly after the forceUpdate() happened

[sophiebits]

Well, the React element is the source of truth. Did you try making a new element and setting ._currentElement on the internal instance?

[jaredly]

hmm nope haven't

On Wed, Feb 3, 2016 at 2:19 PM Ben Alpert [email protected] wrote:

Well, the React element is the source of truth. Did you try making a new
element and setting ._currentElement on the internal instance?

—
Reply to this email directly or view it on GitHub
https://github.com/facebook/react-devtools/issues/314#issuecomment-179474047
.

[wesbos]

This feature is really helpful for both teaching as well as debugging - would love to see it back in :)

[adrianmcli]

Any workaround for this as of yet? I've literally spent hours having to navigate through my app because I am lacking this feature.

[damiangreen]

This doesn't work for functional components though. They are set to read-only and can't be modified.

[SelaO]

Any updates on this? I can't change props of classes now.