useCallback

useCallbackを用いると関数インスタンスを生成せずに再描画後も再利用する．

useMemoも同様だが，メモ化のコストが再生成のコストを下回るかどうかは検討する必要がある．

特に関数の再生成のコストが，useCallbackの実行コストを上回ることは滅多にないため，コンポーネントのレンダリングの抑制以外にはあまり使うべきではない．

code:.ts

import React, { useCallback } from 'react'

const Foo = () => {

const onClick = useCallback((e) => {

console.log(e.target.value);

}, []);

return (

);

}