Home > database >  How to change the prop content in a component on button click?
How to change the prop content in a component on button click?

Time:01-31

I click the button and the function call should change the props inside the component. Can this be done and how?

CodePudding user response:

we cannot change the props means we can assign them to another value but the component won't be updated.

Also, props should not be changed, they are read-only

If you want to change then do following

  • if props is a state in the parent then pass its setter in the child
  • else store the prop as a state in a child component

video take reference from this video

  • Related