본문 바로가기 메뉴 바로가기

PROGRAMMING TRAVEL

프로필사진

PROGRAMMING TRAVEL

PROGRAMMING TRAVEL
검색하기 폼 Mountain View
  • Note List (99)
    • JAVA (18)
      • 정리 (17)
      • 문제해결,기타 (1)
    • JavaScript (4)
      • ReactJS (1)
    • 자바코딩 (1)
    • JSP (7)
      • 정리 (1)
    • DB (4)
      • 정리 (4)
      • 쿼리문 (0)
      • MySQL (0)
    • Design Pattern (1)
    • SPRING (25)
      • 정리 (21)
      • 개발환경 (1)
      • 문제해결 (0)
      • JPA (3)
    • 운영체제 (1)
    • Git (3)
    • JQUERY (13)
    • LINUX (14)
    • C언어 (4)
    • SQLD (2)
  • GUESTBOOK
  • TAG
  • RSS

JavaScript/ReactJS
createContext, useContext

[createContext, useContext]사용하는 이유부모 자식간에 props를 통해서 상태값 데이터를 전달함.A(최상위부모) - B - C - D - E(최하위자식) 의 관계에서 A의 state데이터가 C와 E컴포넌트에만 필요할 때 props로 넘기면A,B,C,D,E 차례대로 넘겨야 한다.이럴 경우 불필요한 props를 B와 D가 받게 되고 그 props state데이터에 변경이 일어나면 B,D컴포넌트가 불필요하게 리렌더링이 일어난다.createContext, useContext를 사용하면 props를 받지 않게 하면서 특정 컴포넌트만 context로 받은 상태값을 사용하게끔 하여 실제 상태값을 사용하지 않는 컴포넌트들이 리렌더링이 일어나지 않게 한다.context 생성 ( createConte..

JavaScript/ReactJS 2025. 10. 22. 18:00
이전 1 다음
이전 다음
최근에 올라온 글
최근에 달린 댓글
TAG
more
Total
Today
Yesterday

Powered by Tistory / Designed by INJE

티스토리툴바