react-hook-form(RHF)에서 rowIdx를 쓰면 안 되는 이유
·
개발 - 언어/React
(썸네일 이미지는 해당 글을 요약 후 ChatGPT 이미지로 생산한 것 입니다.)이번에 프리랜서로 프로젝트를 진행하면서Grid + react-hook-form + SelectBox 조합이 자주 사용되어 있는곳을 보았다.register(`sampleData.SampleList.${rowIdx}.Example`)화면에서도 잘 동작했고,폼 값도 문제없이 들어오는 것처럼 보였다. 하지만 프로젝트가 커지고정렬, 페이지 전환, 행 추가/삭제가 들어가면서이 방식이 구조적으로 위험하다는 걸 알게 됨.왜 rowIdx 기반 register가 위험한가?rowIdx는 화면 기준 인덱스 즉,정렬필터페이지 전환행 삽입 / 삭제이 중 하나만 발생해도같은 데이터라도 rowIdx는 언제든 바뀔 수 있다. 하지만 react-hook-f..
수토리지
'RHF' 태그의 글 목록