추그로의 개발 일지 추그로의 개발 일지

useRef

• 리액트 Hooks) useRef

  React 2022. 6. 17. 14:08

  useRef가 유용한 두 가지 상황 1) 저장공간 State가 변하게 되면 렌더링이 되고 컴포넌트 내부 변수들이 초기화가 된다. 하지만 Ref가 변하면 렌더링이 되지 않고 따라서 변수들의 값이 유지된다( 불필요한 렌더링을 막을 수 있음). 또한 State의 변화로 렌더링이 된다 하더라도 Ref의 값은 유지된다. 2) DOM 요소에 접근 ex) Input 을 클릭하지 않아도 focus() 를 주고 싶을 때, 로그인 화면이 주어졌을 때 클릭하지 않아도 자동으로 focus()가 가게끔 할 때 예시 1) 버튼을 누르면 카운트가 증가하고 렌더링이 될 때마다 콘솔을 출력해보자. import { useEffect, useState } from "react"; function App() { const [count, s..

  Read More