react DOM
-
React Hooks : useRef() 함수Study/React 2020. 1. 5. 10:21
자바스크립트에서 특정 DOM 을 선택해야할 때는 DOM Selector를 사용한다. 리액트 프로젝트에서도 특정 요소의 크기를 가져온다거나, 포커스를 설정해야한다거나 특정 DOM을 선택해야할 상황이 있다. 이런 경우, 리액트 함수형 컴포넌트에서는 React Hooks 중 하나인 useRef() 함수를 사용한다. 클래스형 컴포넌트에서는 콜백함수를 사용하거나 React.createRef 함수를 사용한다. useRef() 함수 사용법 초기화 버튼 누르면 input 태그에 focus 잡히는 기능 구현하기 InputTest.js import React, { useState, useRef } from 'react'; function InputTest() { const [text, setText] = useState(..