お題
window.onpopstateの使い道について
window.onpopstateは、this.props.history.goBack()で前ページに戻ったかどうかを
検知することができます。
基本的には以下のように使います。
componentDidUpdate(){
window.onpopstate = e => {
alert(“”)
}
}
使用時の注意事項
・戻ったことを強調するアラートを加えることでユーザーに強い注意を促すことができる
・従来のsetStateはここでは作動しない。(表面上は何も起きない)。ここでできるのはユーザーに アラートでメッセージを伝えたりログを取得することのみ。なのでsetStateで直接DOMをいじることはできない。 また、グローバル変数も更新できない。
・戻った時でなく次ページに進んだ時も作動するので、基本的にはそれ以上戻る行為をしない ページで使うのが望ましい。
まとめ
ログ見る分には必要かなと思いました。
