React:UserEffectの利用

1271 ワード
React useEffect hook テキストリンク

1.useEffectとは?

componentDidMountで運転し、componentDidUpdateでも運転します.
結果.これは、構成要素がmountおよびupdateである場合、繰り返し実行されることを意味する.useEffectは1つのjsxファイル内で複数回使用できます!👇

2.初期運転時にuserEffectを実行


エフェクト表示componentDidMountを使用する場合
  React.useEffect(() => {
    console.log("componentDidMount & componentDidUpdate", count);
  },[]); //이곳을 바꿔준다
後続のReact.DependencyListの[]は、最初の実行時に1回の実行を支援する.
[]Markがないとイベントが発生するたびに実行されます!

3.オブジェクトが変更されるたびにuserEffectを実行する

  React.useEffect(() => {
    console.log("componentDidMount & componentDidUpdate by count", count);
  }, [count]); //이곳을 바꿔준다
countが変化するたびに実行させます

4.オブジェクト変更前の値をUserEffectにインポート

  React.useEffect(() => {
    console.log(count)//객체 변경값이 들어있음
    return () => {
      console.log("count", count); //변경되기 직전값을 볼 수 있다.
    };
  }, [count]);
ステータス値は、returnを使用してロードされます.
stateに格納されているcountが変更される前に任意に値を読み込むことができます.
Python-OpenCVノート6--輪郭(Contours)
Swiftノート