TIL 108. React의 state와 props

isk·2023년 4월 23일
0

TIL

목록 보기
109/122
post-custom-banner

React에서는 상태(state)와 속성(props)을 사용하여 동적인 UI를 구현한다.

State

state는 컴포넌트 내에서 관리되는 상태 값이다.

상태(state)는 컴포넌트 내에서 변경할 수 있으며,
state가 변경될 때마다 React는 자동으로 UI를 업데이트(리랜더링)한다.

상태 값을 변경할 때는 setState() 메서드를 호출하여 변경한다.

setState()를 호출하면 React는 변경된 상태 값을 새로운 값으로 설정하고,
자동으로 UI를 업데이트(리랜더링)한다.

Props

props는 컴포넌트의 속성 값이다.

부모 컴포넌트에서 자식 컴포넌트로 props를 전달하여 사용한다.

props는 읽기 전용이며, 자식 컴포넌트에서는 직접 변경할 수 없고,
부모 컴포넌트가 자식 컴포넌트에게 props를 전달할 때 리랜더링된다.

0개의 댓글