React의 useState, useEffect, useRef

JunpyoAhn·2023년 11월 9일
1

요약

useState의 가변적인 상태를 관리하는 hook

useEffect는 랜더링 될 때마다 특정한 작업을 수행해야 할때 사용하는 hook, useRef hook은 특정 DOM에게 접근 할때 사용하는 hook

useState = 가장 중요하다. 가장 기본적이라 비동기적인 동작방법을 이해하고 현재상태 렌더링 후 상태에 대해 자세히 공부하여 동기,비동기적인 상태를 이해해야 한다.

useEffect = 특정 작업을 할때 사용하는 훅이다. 렌더링 될때 특정한 작업을 수행하기 위해 사용한다.

예를 들어 로그인 기능에서 아이디가 10자리까지 입력될때 비밀번호 입력창으로 이동할때 로직을 이 useEffect에서 사용한다.

useRef는 값이 바껴도 렌더링되지 않기 때문에 내부의 변수의 저장한 값을 유지 시킨다. 즉 ref는 리렌더링을 발생시키지 않기에 값을 저장할때만 사용한다.

0개의 댓글