[react] 자식이 props의 값을 바꾸고 싶을땐?

자식이 props의 값을 바꾸고 싶을땐?

• 자식은 props의 값을 바꿀 수 없다. 바꾸고 싶다면 state로 저장후 변경해야 한다.
  (자식이 props를 바꾸면 props는 부모가 물려준 것이기 때문에 부모의 props도 바뀌며 예상치 못한 사고가 발생할 수 있다.)

hooks

const Try = ({tryInfo}) => {
	const [result , setResult ] = useState(tryInfo.result);
    
    const onClick = () => {
    	setResult('1');
    }
    
    return (
    	<div onClick= {onClick}> {result} </div>
    )
}

class

this.state = {
  result : this.props.result
}