TIL: React | react-hook-form input event auto focusing (shouldFocusError)- 221030

Lumpen·2022년 10월 30일
0

TIL

목록 보기
174/244

auto focusing

react-hook-form 의 useForm 기본 설정은
shouldFocusError 값이 true 이다

onChange 와 함께 shouldFocusError: true 를 사용한다면
매 입력 시 마다 발생하는 유효성 체크 메시지가 있는
input 창으로 포커스가 이동하기 때문에 꽤나 불편하다

mode: 'onChange'와 함께 useForm의 Props로
shouldFocusError: false 를 전달해주면
유효성 체크를 하는 input 으로 포커스가 더이상 이동하지 않는다

const {
    register,
    handleSubmit,
    formState: { errors },
    getValues,
  } = useForm<Inputs>({ mode: "onChange", shouldFocusError: false });
profile
떠돌이 생활을 하는. 실업자, 부랑 생활을 하는

0개의 댓글