React-hook-form

[문제...] react-hook-form, 엔터치면 뮤테이션이 날아감

태그 컴포넌트를 가져와서 붙였는데, 태그를 입력하고 엔터칠 때마다 이 오류창이 떴다. 근데 다른 input창에서도 그랬던 것 같아서 엔터를 쳐보니까 역시나 오류가 떴음. 네트워크탭에서 보면 mutation이 요청되어 있다. 아무리 생각해도 의심스러운건 form 뿐..... enter를 치면 자동으로 submit이 되는 거 아닌가하고 독스를 찾아봤는데 "enter"키워드로만 찾아서 그런가? 그런 내용은 없었다... 알고보니 HTML에선 submit 태그 고유동작 중에 하나라고 한다. const checkKeyDown = (e) => { if (e.code === "Enter") e.preventDefault(); }; ... checkKeyDown(e)} > 출처 : https://www.codegrepp..

220610 프론트엔드 부트캠프 31일차 : HOF, react-hook-form, yup

useQuery를 axios처럼 사용할 수 있대! → useApolloClient 폼을 자동으로 만들어준다? → React-Hook-Form Validation 라이브러리도 있어! → Yup ~ 정규 표현식 재사용 위한 공통 컴포넌트를 만들자 → Common-Component HOF id는 고유값이기 때문에, 데이터가 많아질 수록 중복의 위험이 있다. HOF가 권장된다. react-hook-form google 에 react hook form 검색 react-form, redux-for, formik(어려움) -> 함수형으로 바뀌고 나서 react-hook-form 나옴 yarn add react-hook-form 🌼 제어 컴포넌트 기존 폼 라이브러리는 제어 컴포넌트 방식 input창에 value={wr..