window.location.reload() 후 처리문제

Question

안녕하세요 프론트엔드 공부중인 학생입니다.! 다름이 아니라 아래 코드에서 post 요청이 성공적으로 가고나면 user 입장에서는 post 요청이 갔는지 안갔는지 화면상에서 변화가 없어서 window.location.reload (새로고침)을 해줘야 잘들어간것을 확인 할 수 있더라구요 그러면 뒤에있는 toast.success('산책 참가가 완료 되었습니다.❗'); closeModal();가 적용이 되지 않아서 혹시 window.location.reload()를 사용하지 않고 다른 방법이 있는지 궁금합니다. usenavigate를 사용해보았는데 경로 값이 같아서 (같은주소로 이동) 하기 때문에 화면상에서 아무 변화가 없더라구요 이럴때는 어떤 방법을 써야하는 지 궁금합니다.!// 강아지 데리고 갈 목록들 post const handleRegister &#61; async () &#61;> { if (!articleData) { return; } const { startDate, endDate, attendant } &#61; articleData; const selectedPetIds &#61; selectedPets.map((petId) &#61;> petId); const formattedStartDate &#61; startDate ? startDate.substring(0, 16) : null; const formattedEndDate &#61; endDate ? endDate.substring(0, 16) : null; const postData &#61; { petIds: selectedPetIds, articleId: articleId ? parseInt(articleId) : undefined, startDate: formattedStartDate, endDate: formattedEndDate, attendant, }; try { await axios.post(&#96;${API_URL}/articles/attend&#96;, postData, { headers: { Authorization: localStorage.getItem('accessToken'), }, }); window.location.reload(); toast.success('산책 참가가 완료 되었습니다.❗'); closeModal(); } catch (error : any) { if (error.response && error.response.status &#61;&#61;&#61; 409) { const errorMessage &#61; error.response.data.message; if (errorMessage &#61;&#61;&#61; 'MEETING TIME CLOSED') { toast.error('이미 마감된 산책모임입니다❗'); } if (errorMessage &#61;&#61;&#61; 'NOT_VALID_MEETING_DATE') { toast.error('이미 겹치는 시간에 참여 하였습니다.❗'); } if (errorMessage &#61;&#61;&#61; 'PET_ALREADY_ATTENDED') { toast.error('선택된 강아지는 이미 참여중입니다.❗'); } else { console.log(formattedStartDate) } } } };P.S( 아 그리고 에러처리 문제도 any로 했었는데 이게 타입스크립트 타입오류에는 unknown 이 떠서 unknown 으로 해줬는데도 오류가 나더라구요 이럴때 어떻게 하면 좋을지 조언 해주시면 감사하겠습니다.! 글봐주셔서 감사합니다.!

Clickin · Accepted Answer

Any로 해결하실 것 같으면 타입스크립트 안쓰는 게 좋죠. 타입 만드시는 걸 추천드립니다.모달 close까지 완료하고 뒤쪽 로직 전부 다 적옷ㅇ한 후에 reload 하는게 전혀 어렵지 않아보이는데 문제가 있나요?

window.location.reload() 후 처리문제

1개의 답변

Q&A 목록