navigte 질문
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
항상 답변해주셔서 감사합니다.
다름이 아니라 혹시 강의에서
이 부분에서 꼭 /search?q= 의 형식으로 해야하는 건가요? 어떠한 정해진 양식인건가요??
뒷부분에서 useLocation으로 해당 값을 확인하고 search부분을 가져와 search부분에서 q= 다음의 값을 가져오기 위해 query.get("q")를 하셨는데
handleChange에서 저희가 만든 /search?q=에 의해서 값을 저런 형식으로 가져온건가요??
어떻게 navigate에서 저 위의 경로로 저희가 만든 searchPage의 컴포넌트로 이동하는지 부터 제가 이해를 잘 못한 것 같습니다.
navigate(`/search?q= 부분을 설명해주시면 감사드리겠습니다 ㅠㅠ
답변 1
1
안녕하세요 oridori님!
질문 감사합니다
(1) /search? (2) q=
우선 /search 라고 한 것은
<Route path="search" element={<SearchPage />} />여기에 search라고 path를 지정해줬기 때문이며,
q= 라고 한 것은
const searchTerm = query.get("q");여기에 q 라고 했기 때문에 그럽니다.
이 부분을 바꿔주면 원하는 방식으로 가져와주실 수 있습니다.
감사합니다.
강의 소스 코드 압축 풀기 오류
0
90
1
런타임 에러 ㅠㅠ
0
105
1
강의대로 따라갔는데 에러보다 api키로 들어간 넷플릭스? 그런게 렌더링 되지 않습니다 ㅠ
0
114
1
안녕하세요 개발과 상관없는 질문입니다만
0
123
1
리액트 라우터 관련
0
119
1
react-beatiful-dnd에서 문제가 발생합니다.
0
108
1
react19에서는 react-beautiful-dnd가 설치되지 않습니다.
0
832
1
useEffect로 사용을 해도 되나요?
0
210
1
넷플릭스 오리지널 제외하고 슬라이드가 동작을 안합니다.
0
202
1
react 19의 useActionState가 더이상 isPending은 지원하지 않는 듯합니다
0
287
2
리액트 dockderfile 작성 시 COPY 질문
0
156
1
next.js에서부터는 react query 필요없는지
0
327
1
기능
0
204
1
오류가 안보여요
0
206
1
CSS
0
225
1
local storage
0
223
1
list컴포넌트 생성하기
0
230
1
검색어 입력 후 초기화하는 방법 궁금합니다!
0
342
1
Banner.css에 대해서
0
464
1
플러그인이 추천을 안해줍니다
0
334
1
마이너스버튼 테스트
0
285
2
리액트 서버 실행 오류
0
1169
2
오류메세지는 확인했는데 어떻게 고쳐야 할지 모르겠습니다 ㅠ
0
306
1
creactStore질문이요
1
293
2