React コンポーネントのアンマウント時に最新のコールバック関数を実行する - Qiita

useEffectフックを使って、コンポーネントがアンマウントされるときにクリーンアップ処理を実行することは一般的です。しかし、クリーンアップ処理がコンポーネントのライフタイム中に変更される場合、問題が生じる可能性があります。 以下のようなコードでは、コールバック関数がコンポーネントがマウントされたときのものしか呼び出されません。 変更された場合、変更後のコールバック関数は呼び出されません。 const callback = console.log('Component is unmounting. Clean up:', props.cleanupTarget); React.useEffect(() => { return () => { callback(); } }, // アンマウント時のみ実行するために空配列にする []);