React 페이지의 이전 위치로 돌아가기
P粉883278265
P粉883278265 2023-08-29 23:54:13
0
1
504

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

P粉883278265
P粉883278265

모든 응답 (1)
P粉509383150

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

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

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

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

으아악

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

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

    최신 다운로드
    더>
    웹 효과
    웹사이트 소스 코드
    웹사이트 자료
    프론트엔드 템플릿
    회사 소개 부인 성명 Sitemap
    PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!