회사에서 react-hook-form을 통해 form을 최적화해보라고 하여 한 번 사용해보았는데, 기록을 위해 주관적인 사용 경험들을 정리해보았습니다.
공식 문서
<Input type="checkbox">와
html테그의 <input type="checkbox">
의 동작방식이 달라 고민을 많이 했다. html테그의 (<input type="checkbox">
)는 체크 여부에 따라 value값이 true / false로 나뉘었는데 reactstrap은 체크 여부와 관계 없이 value값이 계속 on이었다<Input type="checkbox">
자체의 value로 제어하려고 했고, 그걸 고민하는 과정에서 시간을 엄청 썼다. 그런데 어떻게 해도 안돼서 e.target.checked 여부를 가지고 useForm으로 보내는 resister에 새롭게 setValue를 하였고 그렇게 이 문제를 해결할 수 있었다
개인적으론 Material UI 랑 쓸 때 ref? inputRef? 이거 에러때매 엄청 고생했습니다.. (어떻게 해결했는지 기억조차...) v7 으로 마이그레이션하는 태스크가 저한테 떨어졌는데 두렵네요 ㅋㅋㅋㅋ