8) ReactJS: useEffect
1211 ワード
<はい、いつコードを実行するか決めてもいいですか?>コードをいつ実行するかを決定する理由: が変化した場合、 という特定のコードを実行したいと思います.
useEffectを使うことができます(これは本当に機能の強い子供です) 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は、異なるコードで記述されています.)
useEffectを使うことができます(これは本当に機能の強い子供です)
(alias) function useEffect(effect: EffectCallback, deps?: DependencyList): void
-最初のパラメータ:実行するコード
-2番目のパラメータ:[]配列
特定のコードを最初のcomponent renderで実行させたいだけです!
< step2 >
特定のコードを私のコードの特定の部分が変化したときに実行させたいです.
➕ clean up function
-たとえば、コンポーネントが破壊された場合、どのような分析結果(分析API)を送信するか、eventlistener、またはコンソールをクリアします.など
react.jsはcomponentを作成および破棄できます(ここではcomponentを隠すのではなく、本当にcomponentを破棄することに重点を置きます).
次のline 5-10とline 12-15は、異なるコードで記述されています.)
Reference
この問題について(8) ReactJS: useEffect), 我々は、より多くの情報をここで見つけました https://velog.io/@suhado/8-ReactJS-useEffectテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol