コンポーネントをmemo化したが、そのコンポーネントの中で関数が使われている場合、関数のmemo化もしないと、余計な再レンダリングがされてしまう。
それを防ぐためにuseCallbackを用いて関数のmemo化を行う。
memo化された関数の中で、再レンダリングされないように使用するもの。
const onClickClose = useCallback(() => setOpen(false),[]);
最後の[]の中に見張る関数をかく。
[open]と記載すると、openという値が変わった際に再生成が走るようになる。
[]とnullで記載すると、最初に生成されたものがずっと使われるようになる。