[React] State와 Props

Seju·2023년 3월 30일
1

React

목록 보기
1/9
post-thumbnail

✨리액트에서 State와 Props는 둘 다 컴포넌트 데이터를 다루는데 사용된다, 하지만 이들은 목적과 사용 방법이 다르므로 이를 구분해서 사용하는 것이 중요!


🤔State

  • State는 컴포넌트 내부에서 변경 가능한 데이터를 다룰 때 사용
  • State를 사용하면 컴포넌트가 렌더링될 때마다 해당 데이터를 사용하여 UI를 업데이트 할 수 있다!

State의 사용예시


🤔Props

  • props는 컴포넌트에 데이터를 전달 할때 사용
  • 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달 -> 자식 컴포넌트에선 전달받은 props를 사용해서 UI를 업데이트
    -props는 함수형 컴포넌트와 클래스형 컴포넌트에서 모두 사용가능하며 부모 컴포넌트에서 전달하는 props는 자식 컴포넌트에서 변경할 수없는 read only이다
profile
Talk is cheap. Show me the code.

0개의 댓글