反応ルータではonEnterはonLeaveと同じです

Question

反応ルータではdocumentationのonEnterフックが処理方法を指定しましたが、onLeaveの場合は例がありません。私の質問は、ユーザーがページを適切に残したいことを確認する方法です。

どちらの場合も、ユーザがcancelまたはokをクリックしたかどうかにかかわらず、次のコードに従うと、ページを離れます。しかしonEnterフックはロジックごとにうまく動作します。

const checkEnterAbout = (nextState, replace, callback) => { 
    if(!confirm('do you want to enter really!!!')){ 
     replace(`/`); 
    }else{ 
     callback(); 
    } 

} 

const checkLeaveAbout = (prevState) => { 
    console.log(prevState); 
    return confirm("Are you sure you want to leave this page"); 
} 

<Route path="/about" component={About} onEnter={checkEnterAbout} onLeave={checkLeaveAbout} /> 

withRouterガイドを確認したときにもやってみました。その私に

Failed prop type: Invalid prop `component` supplied to `Route`. 
    in Route 

Answer 1

のエラーrouterWillLeaveと呼ばれるフックがありますを与え、ここでは例です：

https://github.com/ReactTraining/react-router/blob/master/docs/guides/ConfirmingNavigation.md