• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

context와 props 사용

22.02.16 16:40 작성 조회수 126

2

props와 context가 기능이 비슷해보이는데

언제 props를 쓰고 언제 context를 쓰는건가요?

답변 1

답변을 작성해보세요.

0

네 최혁준 님 안녕하세요.

먼저 답변이 많이 늦어져서 죄송해요.

이해하기 좋도록 조금 쉽게 정리를 해보겠습니다.

 

props는 부모 컴포넌트에서 자식 컴포넌트에게 데이터를 전달하는 방법입니다. - 부모 => 자식

context는 조상(상위) 컴포넌트에서 후손(하위) 컴포넌트로 데이터를 전달하는 방법입니다. - 조상 => 후손

 

props는 전달하는 데이터가 기본적으로 반응형입니다.

context는 전달하는 데이터가 기본적으로 반응형이 아닙니다. 때문에 반응형이 필요한 경우 별도 작업(Store)이 필요합니다.

 

context가 필요한 경우는 그다지 많지 않습니다.

부모 => 자식 데이터 전달(props)을 제외한 대부분의 상황에서는 Store 사용을 권장합니다.