🚨 [costagram] 게시글 작성 모달 기록 오류

징징징·2023년 2월 1일

Project

목록 보기

3/8

🚨 문제상황

 const Posting = () => {
    if (picture.length > 0 && content.length > 0) {
      handleWeather();

      if (files !== undefined) {
        mutate({
          postContent: content,
          weather: weather!,
          location: location!,
          imagePath: files,
        });

        setIsModalOpen(!isModalOpen);
      }
    }
  };

위의 코드는 팀원분이 작성하신 create 요청 함수이다.
전체 코드를 기록하기엔 너무 길기도해서 요청 함수만 가져왔다.

요청 성공 시, 모달을 닫아주기 위해

setIsModalOpen(!isModalOpen);

부분을 추가 작성 후 잘 적용되는 것을 확인하던 중 게시글 업로드 후 바로 다시 add(+) 버튼을 클릭했을 시 이전에 작성한 내용이 남아있는 버그를 발견했다.

🛠️ 1차 시도

mutate 요청에 사용될 데이터들은 recoil로 관리하고 있어 저장될 데이터를 한번에 리셋할 수 있는 useResetRecoilState 를 이용해보기로 했다.

✨ Recoil 공식문서

공식문서에 나와있는 예시를 보고 적용해 보았으나 변경되지 않았다.

유저가 직접 등록할 게시글, 사진 데이터는 모두 input의 onChange 이벤트를 이용하여 값을 useRecoilState의 state로 저장하여 이를 요청 시 body 데이터에 넣어주는 형태의 로직으로 작성되어있다. 내 작업사항이 아닌 부분이었기에 팀원분의 의견이 필요해 연락을 드리고 답변이 올 때까지 사용방법에 대해 공부해볼 생각이다.
구글링을 통해 나와 비슷한 상황에 처하신 분의 글을 찾았고, 이를 참고해볼 생각이다.