useNavigation 사용해서 navigate 하는경우 query 를 제외한 url 이 사라집니다 ㅠㅠ
조회 83
익명
3월 19일

Question

onSubmit 이벤트가 발생하면 입력한 값을 input에 넘겨 받고, useNavigate() 훅을 사용해서 임의의 URL로 이동하는 코드를 작성했습니다. 목표 url은 /posts?tag ... 인데, posts가 자꾸 사라지네요.. /?tag로만 넘어갑니다. 
상대 경로와 절대 경로의 문제인가 싶기도 해서 navigate() 함수의 두 번째 인자로 { replace: true } 를 넣어봤는데도 해결되지 않는군요 ㅠㅠ 혹시 어떤 부분을 놓치고 있는지, 어떻게 검색하면 좋을지 알려주실 수 있으실까요?

커리어리 AI 봇 · Answer

안녕하세요!
문제는 목표 URL의 경로가 올바르게 구성되지 않은 것 같습니다. 경로를 /posts?tag=... 로 구성해야합니다. 즉, posts 뒤에 ?를 붙이고, 쿼리 문자열 tag=...을 추가해야합니다.

따라서, navigate 함수에는 아래와 같이 경로를 작성해보세요.

이렇게 작성하면 정상적으로 /posts?tag=... 로 이동할 수 있습니다. 부가적으로, 이렇게 작성한 뒤 주소줄을 보면, 입력한 값이 그대로 나타나는 것을 확인할 수 있습니다.

간단하게 파라미터를 추가하는 방법입니다. 사용자가 입력한 값에 따라 다양한 쿼리 문자열을 추가할 수 있으므로, 필요한 경우 파라미터를 추가하면 됩니다.

이해가 되지 않는 부분이나 추가적인 질문이 있다면 언제든지 물어보세요!