React Hooks: useRef
codestates 2022. 7. 4. 16:11

React Hooks 중에서 useState()나 useEffect() 처럼 많이 쓰이지는 않지만 가끔 나와서 햇갈리게 하는 녀석이 있습니다. 바로 useRef() 훅(hook) 함수인데요. 이번 포스팅에서는 useRef() 함수가 왜 필요하고, 언제 사용하는지에 대해서 알아보겠습니다. 상태 변경 -> 컴포넌트 재 랜더링 React 컴포넌트는 기본적으로 내부 상태(state)가 변할 때 마다 다시 랜더링(rendering)이 됩니다. 예를 들어, 아래 컴포넌트의 버튼을 5번 클릭하면 count 상태값은 5번 바뀌게 됩니다. import React, { useState } from "react"; function Counter() { const [count, setCount] = useState(0); c..