React기본 문법 _ props는 읽기전용이다.

함수형 컴포넌트든 클래스형 컴포넌트든, 모두 컴포넌트 자체의 props를 수정할 수 없다. 

 

** 순수함수와 비순수함수

// 순수함수 - sum()의 반환값이 받은 매개변수 a, b의 값에 영향을 미치지 않음
function sum(a, b) {
  return a + b;
}

// 비순수함수 - withdraw()의 반환값은 account의 값을 변환시킴
function withdraw(account, amount) {
  account.total -= amount;
}

 

모든 react의 컴포넌트는 자신의 props를 다룰 때 반드시 순수함수로 동작한다

 

React에서는 props 와 .state를 분리하여 사용하는데,

• state는 컴포넌트가 자체적으로 관리하는 상태값이며, 컴포넌트 내부에서 변경이 가능하다
• props는 부모컴포넌트로부터 전달받은값으로 자식 컴포넌트에서 이를 변경하면 부모컴포넌트에 영향을 미치지 않는다
  이를 통해 컴포넌트의 재사용성과 유지보수성을 높일 수 있다.

 

 

https://ko.reactjs.org/docs/components-and-props.html

Components와 Props – React