react-hook-form , usemutation

sudyn·2023년 5월 25일

TIL

목록 보기
3/10

form을 submit하지않아도 페이지 진입시 계속 post요청이 보내지고 있었다.

  • useMutation( data=> 이부분을 추가하니 submit될때만 Post요청보내게 됨)
 const createMutation = useMutation(data => postAPI(`${PARTIES_URL.PARTIES_ADD}`), {
    onSuccess: response => {
      console.log(response);
    },
    onError: error => {
      alert(error.message);
    },
  });
  // // }

  const handlePartySubmit = data => {
    data.partyDate = moment(data.partyDate).format('YYYY-MM-DDTHH:mm');
    if (isEdit) {
      // updateMutate.mutate(data);
    } else {
      createMutation.mutate(data);
    }
    navigator(PATH_URL.MAIN);
  };

이렇게 하면 수정모드일때만
값 가져와서 form 초기화 시켜줌

  useEffect(() => {
    if (!isEdit) {
      // const partyDate = '2023-05-12T21:30';
      // const partyDate = party.partyDate;
      // setSelectedDate(new Date(partyDate));
      reset({
        // title: party.title,
        // content: party.content,
        // totalCount: party.totalCount,
        // partyDate,
      });
    }
  }, []);```
profile
개발계발하는 프론트엔드 개발자🍠

0개의 댓글