13

私の知る限り、React の機能コンポーネントで定義された関数は、コンポーネントが再レンダリングされるたびに再生成されます。useCallback は特定の依存関係によってトリガーされる可能性があるため、これらの関数の不要な再生成を防ぎます。それぞれを useCallback でラップし、関連する依存関係を渡す必要がありますか?

import React from 'react'

const Comp = () => {
   const fn1 = useCallback(
     ()=>{
      // do something
   }, [dependency1])

   const fn2 = useCallback(
     ()=>{
      // do something
   }, [dependency2])

   return (
      //something
   )
}
4

2 に答える 2