띵동

  • 홈
  • 태그
  • 방명록

useRef와 useState 차이 1

[React] useRef (useState와 비교)

useRef는 변화는 감지해야 하지만 렌더링을 발생시키지 않는 값을 다룰 때 사용한다. 이것은 current라는 key 값을 가진 객체를 반환하는데, 여기서 value의 초깃값은 useRef의 인자 값이다. ref 객체 값은 수정이 가능하기 때문에 .current로 접근하여 언제든지 값을 수정할 수 있다. 그리고 반환된 ref 객체는 컴포넌트가 사라지기 전까지 유지된다. useRef는 state와 비슷하게 값을 저장하는 저장공간으로 사용된다. 하지만 여기서 ref와 state의 차이는 렌더링 발생 유무이다. state는 set 함수를 통해 값이 변화되면 렌더링이 되어 컴포넌트 내부 변수를 초기화한다. 반면 ref는 값이 변화되어도 렌더링이 되지 않아 변수들의 값이 유지되어 불필요한 값의 렌더링을 막을 수..

Web/React 2022.12.21
이전
1
다음
더보기
프로필사진

띵동

  • 분류 전체보기 (204)
    • 자료구조와 알고리즘 (7)
    • 코딩테스트 (112)
      • Baekjoon (59)
      • Programmers (53)
    • Web (76)
      • Javascript (35)
      • React (13)
      • React-Native (6)
      • 모던 자바스크립트 Deep Dive (22)
    • Git (2)
    • 파이썬 (3)
    • 안드로이드 (4)

Tag

c++ lower_bound, c++ upper_bound, 프로그래머스, 프로그래머스 자연수 뒤집어 배열로 만들기, 프로그래머스 음양 더하기, c++ unique, c++, c++ next_permutation, 프로그래머스 두 개 뽑아서 더하기, 백준,

최근글과 인기글

  • 최근글
  • 인기글

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 :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바