OKKY
커뮤니티
Q&A
지식
이벤트
Contact
부트캠프
Jobs
Search Bar
로그인
회원가입
react-hook-form
전체
최신순
질문하기
답변
0
하밈
·
약 2년
316
0
답변 0
react-hook-form 사용 많이 하시는지 궁금합니다!
안녕하세요! 비전공자로 프론트엔드 개발자로 취업한지 곧 1년차가 되어가는 주니어입니다! 다름 아니라, 현재 사이드 프로젝트를 진행하려고 하는데, 회사에서는 항상 react-hook-form을 사용해서 폼관리를 하는데, 다른 회사들은 어떤지 궁금해서 여기에 질문 올려요! 주위에 있는 프론트엔드 개발자분이 딱 두 분 계신데, 딱 반반 나뉘는 것 같아서요. 한분은 react-hook-form 사용한다고 하시고, 다른 한 분은 useReducer 이용해서 커
해결
3
정수리
·
2년 이상
377
0
해결 3
react-hook-form를 사용하여 똑같은 값을 가지는 radio 버튼 클릭 시 해제 되는 기능 구현 방법
react-hook-form을 사용하여 form을 구성하였습니다. input radio에서 더블클릭 시 체크를 해제하는 기능을 구현하려고 하는데 공식문서를 보고 있지만 어디서부터 시작해야할지 감이 안잡히네요 혹시 위에 말한 기능 구현해보신 선배님들이 계시다면 참고할만한 자료나 키워드를 알려주실수 있을까요?
답변
1
방학있으면좋겠다
·
2년 이상
424
0
답변 1
react-hook-form, zod를 이용한 form 타입 지정 도움 좀 부탁드립니다 ㅠㅠ
Form Field Modal form 사용 질문 안녕하세요 선배님들..! 현재 제 코드는 위 사진처럼 되있습니다 현재 InfoModal컴포넌트를 보면 const form = useFormContext<type>() 이렇게 사용하여 form의 타입을 지정해서 사용해주고 있습니다. 근데 useFormContext를 useFormContext<type> 이렇게 직접 사용하는것이 아니라 따로 분리
답변
1
방학있으면좋겠다
·
2년 이상
350
0
답변 1
react-hook-form, zod를 이용한 form 타입 지정 도움 좀 부탁드려도 될까요? ㅠㅠㅠ
Form Field Modal form 사용 질문 안녕하세요 선배님들..! CreateProjectModalView컴포넌트에서 <Form resolver={zodResolver(FormSchema)}> 이렇게 해당 스키마를 넘겨주게되면 InfoModal컴포넌트에서처럼 const form = useFormContext<ProjectFormType>() 이렇게 제네릭으로 타입을 직접 지정해주는
해결
3
정수리
·
2년 이상
268
0
해결 3
react-hook-form 사용 시 set함수를 사용하여 리랜더링 된 이후 값과 화면에 출력되는 모습이 다른원인
우선 문제점은 제가 하려는 기능은 특정행에서 +을 클릭하면 클릭한 행 밑으로 똑같은 form이 생성하는것입니다. react-hook-form를 사용하여 form을 구성하면 버튼 클릭 후 set함수 사용하여 리랜더링 화면에 출력되는 값이 console에 찍힌 값, 콘솔요소 태그에 출력되는 값과 다르게 표시는 되는 문제입니다. react-hook-form을 사용하지 않고 순수하게 코드를 작성하면 정상적으로 잘 됩니다. https://jun
답변
1
정수리
·
2년 이상
160
0
답변 1
리랜더링 이후 input값이 화면에 출력되지만 최초 폼 submit 시 데이터가 없다고 출력되는 원인
+버튼을 클릭하면 새로운 form이 생기면서 시간 input의 default 값으로 현재시간이 들어갑니다 새로 생긴 폼에서 바로 서브밋을 하면 폼 검증에서 default 값으로 현재시간이 있는 input에 데이터에 시간을 입력해달라는 폼 검증 에러가 출력됩니다. 다시 한번 더 서브밋하면 데이터가 정상적으로 전송이 됩니다. 버튼을 클릭하면 호출되는 함수는 매개변수로 클릭한 버튼의 위치인 index값을 받으며 기존 list 상태값에 매개변수 ind
해결
1
정수리
·
2년 이상
171
0
해결 1
행마다 submit 시 react-hook-form의 폼검증이 실행되도록 할수 있는 방법
리액트 학습 후 토이 프로젝트로 날짜마다 일정을 등록하는 app을 만들고 있습니다. 날짜마다 즉 row 입력하는 input이 13개이며 한달의 일정을 등록해야 하기 때문에 꽤 많은 input을 검증하기 위해 react-hook-form 라이브러리 사용하고 있습니다. 구현하려는 기능 행의 어느 input에서 엔터를 입력하면 해당 행의 데이터를 submit 하려고 합니다. 현재 상황은 엔터를 입력 시 submit하면 row데이터가 전송되는 것이 아닌
Search Bar
