현재 기본 마스터 세부 정보 페이지가있는 샘플을 가지고 있습니다. 이 샘플에서는 react-router-redux
을 사용합니다. 세부 정보 패널에는 여러 탭이있어 선택한 항목의 다양한면을 볼 수 있습니다. 모두 상당히 표준적인 항목입니다.React Redux 및 라우터를 사용하여 복원을 위해 선택된 탭 저장
사용자가 마스터 목록에서 항목을 선택하면 <Link ... />
을 클릭 한 URL은 customer/123
과 같습니다. 해당 URL에 등록 된 경로 (예 : :id
) 내에서 indexRoute
경로가 있습니다. replaces
경로를 기본 경로/탭 /customer/${nextState.params.id}/address
에 있습니다.
이 모든 것이 잘 작동하며 사용자는 탭 사이를 잘 탐색 할 수 있습니다. 사용자가 세부 정보 창을 닫고 다른 세부 정보를 선택하면 문제가 발생합니다. 예상대로, indexRoute
에 지정된 경로를 기반으로 탭을 엽니 다. 정상적인 상황에서는 괜찮을 지 모르지만 선택한 경로를 기억하고 싶습니다. 어떻게해야하는지에 대한 아이디어가 있다면 궁금해합니다.
나는 내가 Link
의 onClick
이벤트와 콜백을 등록하고 store
에 저장되는 선택된 탭의 key
을 초래할 수있는 이벤트를 전달하여이를 달성 할 수 있다고 생각합니다. 그러면 indexRoute
의 onEnter
내에서 상점에 액세스하여이 저장된 상태를 풀어 replace
을이 항목으로 타겟팅 할 수 있습니다.
이것은 작동해야하지만 많은 것처럼 보이며, 이것이 다른 것처럼 보이는지 궁금합니다.