[Solved] Can I update the state of a prop

by


You cannot and shouldn’t try to change the state or values of the props directly in the child component. For changing props you can pass the function as a prop and then emit the new value to that function. So the function will change your props into the parent component and it will further pass down to its child.

<Print text = {text} changeText = {(newVal) => setText(newVal)}/>

And in your child component call this changeText function with new value.

 return (
   <>
    <p>{props.text}</p>
    <div onClick={props.changeText('Hello')}>Change Text</div>
   </>
 );

FYI, {props} is an array and you can access text by {props.text}

2

solved Can I update the state of a prop