8) ReactJS: useEffect

1211 ワード

<はい、いつコードを実行するか決めてもいいですか?>
  • コードをいつ実行するかを決定する理由:
  • が変化した場合、
  • という特定のコードを実行したいと思います.
    useEffectを使うことができます(これは本当に機能の強い子供です)
    (alias) function useEffect(effect: EffectCallback, deps?: DependencyList): void
  • userEffectは2つのパラメータを持つ関数です
    -最初のパラメータ:実行するコード
    -2番目のパラメータ:[]配列
  • React.jsに「この中のものを見て~」と伝える
  • ですので、変更が発生した場合は、最初のパラメータで聞こえるコードを実行させます(したがって、空白のままでコードが最初にレンダリングされた場合は、1回のみ実行されます)
  • < step1 >
    特定のコードを最初のcomponent renderで実行させたいだけです!
  • 🤦)

  • < step2 >
    特定のコードを私のコードの特定の部分が変化したときに実行させたいです.

    ➕ clean up function
  • コンポーネントが破壊されたときに何ができるかの機能
    -たとえば、コンポーネントが破壊された場合、どのような分析結果(分析API)を送信するか、eventlistener、またはコンソールをクリアします.など
  • のコアはclean up機能であり、コンポーネントがいつ作成され、いつ破壊されたかを知ることができます.
    react.jsはcomponentを作成および破棄できます(ここではcomponentを隠すのではなく、本当にcomponentを破棄することに重点を置きます).

    次のline 5-10とline 12-15は、異なるコードで記述されています.)