React Hook Form에서 특정 시점부터 dirty 상태를 false로 초기화하기
velog.io
React Hook Form에서 특정 시점부터 dirty상태를 초기화하기
사용자가 인풋에 입력 도중에 해당 폼을 빠져나가려고 할 때, "진짜진짜로 나가시겠습니까?" 와 같은 모달을 띄우면서 사용자의 UX 연속성을 유지하게 할 수 있습니다.
이 과정을 react-hook-form(이하 RHF)에서는 isDirty 혹은 dirtyFields라는 state로 사용자의 인풋의 modify 여부를 확인할 수 있습니다.
그런데, 이런 경우가 있을 수 있습니다.
"사용자가 입력 후 또 다른 인풋을 추가하고 싶어, 이 상태는 처음 입력하는 것처럼 여겨서, 사용자가 해당 폼에서 나가더라도 붙잡지 않을거야"라는 시나리오가 있을 수 있습니다.
따라서 사용자의 입력을 받아서 dirty 상태가 true이 상태에서, 특정 액션을 취하면 dirty 상태를 다시 초기화하는 방법도 필요할 수 있는데요
이에 대한 글을 적어보았습니다.
https://velog.io/@milliwonkim/React-Hook-Form%EC%97%90%EC%84%9C-%ED%8A%B9%EC%A0%95-%EC%8B%9C%EC%A0%90%EB%B6%80%ED%84%B0-dirty-%EC%83%81%ED%83%9C-%EC%B4%88%EA%B8%B0%ED%99%94%ED%95%98%EA%B8%B0
다음 내용이 궁금하다면?
이미 회원이신가요?
2024년 6월 6일 오전 2:55
댓글 0
함께 읽은 게시물
자바 25를 사용해야 하는 이유
스
... 더 보기
야근의 관성
제가 한국에서 직장 생활을 시작하고 가장 먼저 배운 것은 아이러니하게도 야근이었습니다. 신입이었던 제게 야근은 선택의 문제가 아니었거든요. 선배들에게 야근은 너무나 당연한 루틴이었고, 저녁 5시가 되면 "퇴근 안 해?"가 아니라 "저녁 뭐 먹을까?"라는 질문을 던졌습니다. 누가 정해놓은 것처럼 부장님이 퇴근해야 과장님이, 과장님이 퇴근해야 대리님이, 대리님이 퇴근해야 비로서 저 같은 신입도 퇴근 생각을 할 수 있었습니다.
... 더 보기[비전공자에서 독학으로 시니어 엔지니어가 된 이야기 1탄]
20대 중반에 나를 만나 코딩을 알게 되어 2년 독학으로 엔지니어가 된 남편 이야기.
독학 준비 중인 사람들에게 도움되고자 공부 팁을 공유할 겸 독학 현실 이야기도 함께 해봅니다. 남편은 패키징 산업 공학 전공으로 졸업 후 IT 감사원으로 컨설팅 회사에 입사했습니다. (IT 감사원 경력이 엔지니어가 되는데 큰 도움이 되었는데, 그건 나중에..)
개발자인 저를 만나고 테크 쪽에 관심을 갖기 시작했고, 코딩 독학을 결정하게 되었습니다. 하지만 혼자 공부해서 개발자가 되기에는 버거웠고, 무엇보다도 남동생이 컴공 공부하다가 어려워서 포기한 것을 알기에, 선뜻 개발자가 되는 건 망설여졌습니다. 또한 이미 경력이 좀 있어서 “이걸 살려서 할 수 있는 방법이 없을까?”라는 고민을 하게 되었습니다.
당시 근무하던 회사는 커리어에 도움되지 않다고 판단하고 이직을 결정합니다. 약 3개월의 준비 후 경력을 살리면서 보안에 대해 배울 수 있는 사이버 컴플라이언스 컨설턴트로 테크 컨설팅 회사에 입사했습니다. 전 회사는 IT 기업이 아니어서 듣는 정보가 부족했지만, 테크/IT 쪽으로 이직하면서 많은 정보를 듣기 시작합니다. 직장 동료... 더 보기
< 1등을 베끼는 당신이 1등이 될 수 없는 이유 >
1. 당신 자신을 믿어라. 결코 모방하지 마라.
