본문 바로가기

개발/React

useRef()로 DOM 요소에 접근하기

예시

import React, { useRef } from "react";

const InputExample = () => {
  const inputRef = useRef<HTMLInputElement>(null);

  const handleGetValue = () => {
    if (inputRef.current) {
      console.log("Input 값:", inputRef.current.value);
    }
  };

  return (
    <div>
      <input type="text" ref={inputRef} placeholder="입력하세요" />
      <button onClick={handleGetValue}>값 가져오기</button>
    </div>
  );
};

export default InputExample;

 

'개발 > React' 카테고리의 다른 글

Tailwindcss + Checkbox  (0) 2025.02.18
상태 관리 라이브러리  (0) 2024.06.07
React Update Array State  (0) 2024.04.12
React Hooks  (0) 2024.04.11