리액트 useRef로 input 자동 포커스

form 유효성 검사에 실패해 input에 다시 focus를 줘야할떄

import { useRef } from 'react';

먼저useRef import

const inputName = useRef(null);

<input type="text" name="name" value={form.name} ref={inputName} onChange={handleChane} />

inputName useRef선언 후 input 태그에 ref ={inputName} 작성

    if (form.name === '') {
      alert('이름을 입력해주세요')
      
      return inputName.current.focus()
    }

유효성 검사를 만든후 실행하면 name이 공백일떄 자동 포커스