React props와 state

제로베이스 강의 중 이해가 빠른 일취월장 리액트를 수강하면서 기억해야 될 점을 적어볼까 합니다.

 

먼저 props는 부모 컴포넌트가 자식 컴포넌트에게 전달하는 값입니다. 강의에서 자식 컴포넌트에서 props를 전달받을 때는 props.(전달받은 name)등으로 받았던 것 같고 이름이 정해지지 않고 사이에 추가 한 값이라면 props.children으로 받았던 것 같습니다.

또한 자식 컴포넌트에서는 전달 받은 props의 값을 변경할 수 없습니다.

 

다음으로 state는 컴포넌트에서 스스로 관리하는 상태 값 입니다. JS에서는 값이 변경되어서 rerendarin을 해주고 싶을 때는 함수를 재 호출 하는 방식으로 했었던 것 같은데 React에서는 원하는 부분만 동적으로 변경하기 위해서 useState() 함수를 사용하는 것 같습니다

 

마지막으로 props와 state의 공통점은 props를 통해 값을 내려 받거나, 자신이 관리하고 있는데 state가 변경되면 컴포넌트는 렌더링이 발생하는 점입니다.