전환 사이에 상태를 저장하고 복원하는 가장 좋은 방법

Question

역방향 및 전달 기능으로 페이지 매김을 구현하려고하는데 문제는 전환 사이의 상태를 유지하고 탐색시 복원하는 방법입니다.

내가 달성하기 위해 노력하고 그 다음과 같은 방법으로 반응-라우터 :

검색 결과 구성 요소 감속기에서 다음

handleNextPage(){ 
     this.props.push({ 
      pathname: '/search_result', 
      query:{ 
       key:key, 
       location:location, 
       page: eventKey 
      }, 
      state:{ 
       content:this.props.searchResult.content, 
       number: eventKey 
      } 
     }); 
    } 

:

import {LOCATION_CHANGE} from 'react-router-redux'; 
export default function (state = INIT_STATE, action) { 
switch (action.type) { 
    case LOCATION_CHANGE: 
     let {pathname} = action.payload; 
     if (pathname === PATHNAME && (action.payload.state !== null)) { 
       return {...state, content: action.payload.state.content, number: action.payload.state.number} 
     } 
} 

return state; 

}

문제는 SearchResult compone nt가 시작되면 서버의 데이터를 아직 사용할 수 없으므로 빈 배열이 현재 위치의 상태로 저장됩니다.

사전에 아이디어를 해결해 주셔서 감사합니다.

Answer 1

redux git repository의 예를 살펴 보시기 바랍니다. 마지막으로 '실제'예제에 도달하면 페이지 네이션이 포함되어 있으므로 직접 질문에 답변 할 수 있습니다.