입력하지 않은 값이 쿼리 스트링에 추가되어 URL에 표시되는 현상이 발생했다.
의도한 URL은 /mypage/my-order/cancel/${orderId}?funnel-step=취소정보+확인인데, 'cancel'뒤에 option=상품이+마음에+들지+않아요.&cancel-reason-detail=와 같이 의도치않은 쿼리스트링이 추가되어 있었다.
해당 내용은 form 태그 내부에 작성한 필드의 값들이다.
이유?
<form>태그 사용 시 기본 전송 동작으로 인해 폼 필드의 값이 쿼리 스트링으로 URL에 추가될 수 있다.
간단히 해결
onSubmit 이벤트에서 e.preventDefault()를 사용하여 기본 전송 동작을 막아줄 수 있다.
나의 경우 form 태그가 굳이 필요하지 않을 것 같아 사용하지 않는 방법을 택했다.
