React Hooks の useEffect で、componentDidUpdate の代わりになる実装をしてみました
先日 React Hooks が導入されました。
componentDidUpdate で行われていたことは useEffect を用いて行われるようになりました。
一方、useEffect は componentDidMount の機能も兼ねているため、クラスがロードされた時にも呼び出されてしまいます。
要素がアップデートされた時にのみ呼び出されるように、componentDidUpdate と全く同じ挙動を React Hooks で実現するにはどうすればいいでしょうか。
私なりの答えを記事にしてみました。
英語ですが、書いてある内容は上にあるのと大体同じなので、コードだけ是非参考にしてみてください。
👇