반응형 React1 [React] react-hook-form 사용시 발생하는 ref warning 폼 유효성 검사를 위해서 react-hook-form를 도입하였고, register API를 사용하면서 아래와 같은 경고와 마주했다. 이 경고가 발생하는 이유와 해결법을 정리하고자 한다. AS-IS 원인을 파악하기 위해서는 먼저 register API가 어떻게 동작하는지 살펴볼 필요가 있다. register 함수는 react-hook-form의 useForm의 반환값으로 얻을 수 있다. register 함수에 input name을 비롯한 옵션을 파라미터로 하여 호출하면 아래와 같은 값을 반환한다. const { onChange, onBlur, name, ref } = register('input_name', configOptionObject); 따라서 위의 코드에서 register함수가 반환한 값을 sp.. 2022. 2. 15. 이전 1 다음 반응형