State와Props의 차이

export default Component(props) => {
	const [age,setAge] = setState(1)
	return (
		<span>{props.name}</span>
		<span>{age}</span>
	)
}

// 
<Component name={"jun"}/>


//result
jun
1

1. 데이터의 소유자
1. props는 컴포넌트의 외부 즉 부모컴포넌트로 부터 데이터를 전달받고 state는 컴포넌트 내부에서 생성한다

2. 데이터의 변경
1. props는 읽기전용의 데이터라 자식 컴포넌트에서 데이터의 변경이 불가능하나 state는 변경이 가능하다
2. state는 동적인 데이터를 관리하는데 사용한다