React - State와 Props

React란? 

: 사용자 정의 태그 (html 태그와 다르게 반드시 대문자로 시작) === Component

---

• props: 우리가 만든 component에 html 태그들처럼 속성을 갖게 하는 것

사용자 태그에 정의한 속성들을 모두 사용자 컴포넌트의 첫번째 인자로 object를 넘겨줌.

(첫번째이자 유일한 인자, props)

>> 재사용성  

 

• state
  • 리액트를 유동적으로 다루기 위해 존재하는 객체
  • useState() 라는 리액트 함수를 사용하여 State라는 저장공간에 담아 사용
  • setValue는 값을 바꿀 때 사용. 이를 호출하면 value가 변경된 값으로 setting되어 App 컴포넌트가 reRender. 

 

 

<props와 state의 차이점>

두 객체 모두 렌더링 결과물에 영향을 주는 정보를 갖고 있지만

props(외부자를 위한)는 (함수 매개변수처럼) 컴포넌트에 전달되는 반면 

state(내부자를 위한)는 (함수 내에 선언된 변수처럼) 컴포넌트 안에서 관리.