Doo can do it

  • 홈
  • React
  • SQL
  • 태그
  • 방명록

react context api 1

React Context

상품 옵션들의 가격을 구하는 부분에서 해당하는 컴포넌트에 구현하였는데Context를 통해 컴포넌트간에 값을 공유 할 수 있는 것을 알게되어 공부했다.우선 Context란 무엇인가 하면컴포넌트간에 어떠한 값을 공유할 수 있게한다. 전역으로 필요한 값을 다룰 때 사용하는데, 그렇다고 꼭 전역적으로만 사용할 필요는 없다.일반적으로는 부모컴포넌트에서 자식컴포넌트로 props를 통해 데이터를 전달하는데 context 를 만들어놓으면 데이터를 어떤 컴포넌트 트리에서도 쉽게 사용할 수 있는 장점이 있다.그렇다면 어떻게 사용해야 할까?1.Context 생성 // UserContext.tsximport React, { createContext, useContext, useState } from 'react';// ..

리액트 2025.01.03
이전
1
다음
더보기
프로필사진

Doo can do it

  • 분류 전체보기 (118)
    • SQL (4)
    • 코드 (5)
    • TIL (43)
      • 내일배움캠프 2주차 (5)
      • 내일배움캠프 3주차 (4)
      • 내일배움캠프 4주차 (4)
      • 내일배움캠프 5주차 (3)
      • 내일배움캠프 6주차 (4)
      • 내일배움캠프 7주차 (4)
      • 내일배움캠프 8주차 (2)
      • 내일배움캠프 9주차 (2)
      • 내일배움캠프 10주차 (5)
      • 개인 TIL (5)
    • WIL (8)
    • 리액트 (29)

Tag

node.js, AWS, TCP, js 비동기처리, js 배열함수, useInfiniteQuery, html, find, javascript, teamproject, for 반복문, react 무한스크롤, bcrypt, 에러핸들링, NestJS, 자바스크립트, RDBMS, Typescript, map, Nest.js,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :
GitHub

Copyright © Kakao Corp. All rights reserved.

티스토리툴바