React 페이지의 이전 위치로 돌아가기

Question

페이지 A라는 매우 긴 목록이 있다고 상상해 보세요. 500번째 줄까지 스크롤을 내렸습니다. 이 행은 행의 세부 정보를 표시하는 페이지 B에 대한 링크이기도 합니다. B 페이지의 내용을 확인한 후 다시 A 페이지로 돌아가고 싶은데 B 페이지로 갔던 지점인 500행으로 돌아가고 싶습니다. ReactJS 애플리케이션에서 이 동작을 어떻게 달성할 수 있나요?

Answer 1

이는 두 가지 방법으로 달성할 수 있습니다.

1. 하나는 간단하게 html의 id 속성을 사용하는 것입니다.
2. react-router-dom 및 props 전달의 도움으로.

여기에는 초보자에게 적합한 방법 1이 나열되어 있습니다.

아이디로 가능합니다. jsx와 같은 샘플 HTML 코드를 나열하겠습니다

으아악

페이지의 용도가 www.samplepage.com이라고 가정합니다. 링크를 구체적으로 만들면, 즉 www.samplepage.com#1 같은 페이지의 앵커 태그와 마찬가지로 첫 번째 행으로 이동합니다. 라벨을 그 상태로 보관하여 사용하시면 됩니다.

github에서도 유사한 구현을 볼 수 있습니다.