히스토리를 사용하기위한 대체품은 무엇입니까? 미리 응답 라우터에 확인 대화 상자를 표시하려면 다운로드 하시겠습니까?

Question

example here에서이 issue comment에는 history의 useBeforeUnload 함수를 사용하는 것이 좋습니다.

그러나이 기능은 사라졌습니다. removed without replacement in the current 4.x version :

"미들웨어"API (즉 모든 "사용"기능)가 삭제되었습니다.

지금 확인 대화 상자를 표시하기 위해 이러한 "언로드"사례를 처리하는 좋은 방법은 무엇입니까?

Answer 1

history의 createBrowserHistory 코드를 살펴보면, block 함수가 필요한 것을 수행하는 것처럼 보입니다.

// Register a simple prompt message that will be shown the 
// user before they navigate away from the current page. 
const unblock = history.block('Are you sure you want to leave this page?') 

// Or use a function that returns the message when it's needed. 
history.block((location, action) => { 
    // The location and action arguments indicate the location 
    // we're transitioning to and how we're getting there. 

    // A common use case is to prevent the user from leaving the 
    // page if there's a form they haven't submitted yet. 
    if (input.value !== '') 
    return 'Are you sure you want to leave this page?' 
}) 

// To stop blocking transitions, call the function returned from block(). 
unblock() 

https://github.com/mjackson/history#blocking-transitions

: 워드 프로세서