>source

제 요구 사항은 다음과 같습니다.

  1. 대시보드 페이지(https://localhost:3000)에 1000개의 레code가 표시됨
  2. 대시보드 페이지의 사용자 적용 필터(필터 뒤에 2개의 레code만 표시됨)
  3. 사용자가 행을 클릭하고 세부 정보 구성 요소(https://localhost:3000/details/1)에 입력
  4. 사용자가 세부정보 구성요소에서 "뒤로" 버튼을 클릭함
  5. 대시보드 페이지가 로드되고(https://localhost:3000) 1000개의 레code가 표시됩니다. 여기에는 두 개의 행만 표시되고 구성요소 재렌더링이 중지될 것으로 예상됩니다.

이것이 내 경로입니다.

<div>      <HeaderComponent></HeaderComponent>      <Route exact path={"/"} component={Dashboard} />      <Route exact path={Routes.Details} component={DetailsComponent} />      <ScrollToTop />    </div>

재장전 중 재장전을 "중지"할 수 없습니다. 하지만 할 수 있는 일은 대시보드 구성 요소 내에 if 문을 넣어 렌더링 대상을 제한하는 것입니다. 추가 도움이 필요하면 관련 code를 추가하십시오.

Emil Karlsson2021-09-26 00:48:12
  • 이전 base64 string java로 인코딩된 사운드를 재생하는 방법
  • 다음 php : laravel에서 .env 파일을 보호하는 방법