reactjs - 関数の結果をキャッシュするために useCallback または useMemo を使用できますか?

Question

たとえば、次のように、コンポーネント内に関数があるとします。

     const MyComponent = ({data}) => {
       const myFunction = a => a+1;
       return <div>
                  data.map(num => myFunction(num))
              </div>
     }

myFunction()が同じ引数で既に呼び出されている場合、再度呼び出されることは望ましくありません。ここでキャッシュを追加するベスト プラクティスは何ですか?