리액트 쿼리스트링 간단한 질문입니다. 코드X

Question

학부생입니다. 질문이 이상할 수도 있으니 양해 부탁드려요.100개의 데이터가 있고 페이지 당 20개의 데이터를 보여주려고 합니다.데이터를 클릭하면 데이터 상세보기 페이지로 넘어가고, 상세보기 페이지에서 뒤로 가기를 클릭하면 상세보기 페이지로 넘어가기 전 페이지의 번호와 스크롤의 위치로 원상복구 시키고 싶습니다.프론트에서 독자적으로 페이지네이션을 구현하여 상세보기 페이지로 넘어간 후 뒤로가기를 눌렀는데 페이지의 최상단으로 이동되며 페이지도 다시 첫번째 페이지부터 렌더링됩니다. 문제점을 해결하려고 검색을 하던 중 쿼리스트링에 대한 정보를 알게 되었는데 이 쿼리스트링에 대한 질문이 있습니다.백단에서 쿼리스트링을 구현하여 페이지네이션을 처리한다면 상세보기 페이지에서 뒤로가기를 눌렀을 시 스크롤의 위치는 이동하기 전 스크롤의 위치와 변함이 없는지?만약 3페이지에서 상세보기 페이지로 이동 후 뒤로가기를 눌렀을 시 페이지 번호를 유지하는 방법은 무엇인지가 궁금합니다.참고 코드나 문헌이 있다면 부탁드립니다.

나쵸치즈 · Answer

https://reactrouter.com/en/main/components/scroll-restoration#scrollrestoration-https://reactrouter.com/en/main/hooks/use-search-params-rn도움이 되길 바랍니다.

리액트 쿼리스트링 간단한 질문입니다. 코드X

1개의 답변

Q&A 목록