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