저장 상태가 변경된 항목에 대해 플래그가 저장되어 있으며이 플래그가 설정되어 있으면 탐색 할 때 (링크를 클릭) 사용자에게 메시지를 표시하려고합니다. 나는 react-router-component을 사용하고 있습니다. 문서에서이 작업을 수행하는 방법을 찾지 못했습니다.React : 반응 라우터 구성 요소로 탐색 할 때 저장되지 않은 변경 사항을 묻는 방법
3
A
답변
1
Router.NavigatableMixin
(예 : 여기 https://github.com/STRML/react-router-component/issues/105#issuecomment-63874805 및 여기에서 http://strml.viewdocs.io/react-router-component/recipes/custom-link/을 상속하는 고유 한 링크 구성 요소 만 만들 수 있습니다.
그런 다음 사용자가 '예'인 경우 탐색하라는 메시지를 표시하여 해당 구성 요소에 대한 클릭 이벤트를 처리하기 만하면됩니다 (구성 요소 내에서 Navigatable을 상속 한 것). this.navigate(...)
으로 계속 진행하면됩니다.
달리 작동했지만 마우스 포인터를 가리키면 사라졌습니다. 맞춤 클릭 핸들러 작성 이외의 링크의 원래 동작을 유지하려면 어떻게해야합니까? –
호버 스팅 상태가 아마도 CSS 전용 것입니다. 링크 구성 요소의 스타일을 확인하고 자신의 것과 비교하십시오. – WTK