• 카테고리

    질문 & 답변
  • 세부 분야

    풀스택

  • 해결 여부

    미해결

react-hook-forms @7 버전 오류 질문

21.04.12 14:49 작성 조회수 642

1

2021.04.13 일 기준으로

react-hook-forms 라이브러리가 7 버전으로 업데이트 되면서, 

  <label>Email</label>
        <input
          name="email"
          type="email"
          ref={register({ required: true, pattern: /^\S+@\S+$/i })}
        />
{errors.email && <p>This email field is required</p>}

와 같이 작성했던 ref 속성을 사용 시에 

TypeError: path.split is not a function

와 같은 오류가 발생하는 것을 발견했습니다.

구글링을 통해

https://velog.io/@yeum0523/Day-2-think-logger

{...register("email",({ required: true, ...}))} 와 같은 속성으로 작성하면 해당 오류는 사라지는데, onSubmit 시에useForms를 통해 참조하는 handleSubmit() 함수가 실행되지 않습니다.

일단 기존 강의 json 파일을 보고 @6버전으로 낮춰 사용하니, 오류가 뜨지 않고 정상적으로 작동하는데 이에 대한 작업이 업데이트되면 좋겠네요!

답변 2

·

답변을 작성해보세요.

0

seo밍구님의 프로필

seo밍구

2021.06.22

공식문서 보고 변경된 부분만 고쳐서 하심될듯 . 7.0도 handleSubmit 똑같이 됩니다. 아마 비밀번호 오류때문에 함수가 실행이 안될 확률이 큽니다. 다시 잘확인해보시고 고고

0

고든램지제자님의 프로필

고든램지제자

2021.05.04

혹시 보실지 모르겠지만,,저도 같은 문제에 있어서 버전 다운 어떻게 하셨나요??

찾아봐도 잘 안나오네요...........

junh0328님의 프로필

junh0328

질문자

2021.05.05

.json

에서 지우시고

npm i react-hook-forms @6

이렇게 하심 됩니다!